color #A3D96D | Chroma Seek

#A3D96D

Color Information

Hex Code

#A3D96D

RGB

163, 217, 109

HSL

90°, 59%, 64%

CSS

#A3D96D

Color Tints

Lighter variations of #A3D96D

#A3D96D

#ACDD7C

10%

#B5E18A

20%

#BFE499

30%

#C8E8A7

40%

#D1ECB6

50%

#DAF0C5

60%

#E3F4D3

70%

#EDF7E2

80%

#F6FBF0

90%

#FFFFFF

100%

Color Shades

Darker variations of #A3D96D

#A3D96D

#93C362

10%

#82AE57

20%

#72984C

30%

#628241

40%

#526D37

50%

#41572C

60%

#314121

70%

#212B16

80%

#10160B

90%

#000000

100%

Related Colors

Complementary Color

#A36DD9

Opposite on color wheel

Split-Complementary Colors

#6D6DD9, #D96DD9

Adjacent to complementary color

Analogous Colors

#D9D96D, #6DD96D

Adjacent colors on color wheel (30° apart)

Triadic Colors

#6DA3D9, #D96DA3

Three colors equally spaced (120° apart)

Tetradic Colors

#6DD9A3, #A36DD9, #D96DA3

Rectangle on color wheel (90° apart)

Square Colors

#6DD9D9, #A36DD9, #D96D6D

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #D6EEBE, #70B22E, #3D6119

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #A3D96D. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#A3D96D

#D9BE6D

#6DD988

#A36DD9

#D96DD9

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#A3D96D

#6DA3D9

#D96DA3

#AEEACC

#B2702E

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#A3D96D

#D9EFC2

#639E29

#6D6DD9

#D96DD9

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#A3D96D

RGB Values

163, 217, 109

HSL Values

90°, 59%, 64%