color #ABDE8C | Chroma Seek

#ABDE8C

Color Information

Hex Code

#ABDE8C

RGB

171, 222, 140

HSL

97°, 55%, 71%

CSS

#ABDE8C

Color Tints

Lighter variations of #ABDE8C

#ABDE8C

#B3E198

10%

#BCE5A3

20%

#C4E8AF

30%

#CDEBBA

40%

#D5EFC6

50%

#DDF2D1

60%

#E6F5DD

70%

#EEF8E8

80%

#F7FCF4

90%

#FFFFFF

100%

Color Shades

Darker variations of #ABDE8C

#ABDE8C

#9AC87E

10%

#89B270

20%

#789B62

30%

#678554

40%

#566F46

50%

#445938

60%

#33432A

70%

#222C1C

80%

#11160E

90%

#000000

100%

Related Colors

Complementary Color

#BF8CDE

Opposite on color wheel

Split-Complementary Colors

#968CDE, #DE8CD4

Adjacent to complementary color

Analogous Colors

#D4DE8C, #8CDE96

Adjacent colors on color wheel (30° apart)

Triadic Colors

#8CACDE, #DE8CAC

Three colors equally spaced (120° apart)

Tetradic Colors

#8CDEBF, #BF8CDE, #DE8CAC

Rectangle on color wheel (90° apart)

Square Colors

#8CD4DE, #BF8CDE, #DE968C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E5F5DB, #72C73D, #457B24

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#ABDE8C

#DED38C

#8CDEAA

#BF8CDE

#DE8CD4

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

Triadic + Accent

#ABDE8C

#8CACDE

#DE8CAC

#B0E8D3

#C7923D

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

Monochromatic + Split Complementary

#ABDE8C

#D4EEC4

#66B635

#968CDE

#DE8CD4

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

#ABDE8C

RGB Values

171, 222, 140

HSL Values

97°, 55%, 71%