color #ABDE2D | Chroma Seek

#ABDE2D

Color Information

Hex Code

#ABDE2D

RGB

171, 222, 45

HSL

77°, 73%, 52%

CSS

#ABDE2D

Color Tints

Lighter variations of #ABDE2D

#ABDE2D

#B3E142

10%

#BCE557

20%

#C4E86C

30%

#CDEB81

40%

#D5EF96

50%

#DDF2AB

60%

#E6F5C0

70%

#EEF8D5

80%

#F7FCEA

90%

#FFFFFF

100%

Color Shades

Darker variations of #ABDE2D

#ABDE2D

#9AC829

10%

#89B224

20%

#789B1F

30%

#67851B

40%

#566F17

50%

#445912

60%

#33430E

70%

#222C09

80%

#111605

90%

#000000

100%

Related Colors

Complementary Color

#5E2BDE

Opposite on color wheel

Split-Complementary Colors

#2B52DE, #B72BDE

Adjacent to complementary color

Analogous Colors

#DEB72B, #52DE2B

Adjacent colors on color wheel (30° apart)

Triadic Colors

#2BABDE, #DE2BAB

Three colors equally spaced (120° apart)

Tetradic Colors

#2BDE5E, #5E2BDE, #DE2BAB

Rectangle on color wheel (90° apart)

Square Colors

#2BDEB7, #5E2BDE, #DE2B52

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1F9DC, #CEEC83, #6B8D16, #283508

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#ABDE2D

#DE8B2B

#2BDE31

#5E2BDE

#B72BDE

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

Triadic + Accent

#ABDE2D

#2BABDE

#DE2BAB

#83ECA1

#8D3816

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

Monochromatic + Split Complementary

#ABDE2D

#D7EF9A

#5B7713

#2B52DE

#B72BDE

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

#ABDE2D

RGB Values

171, 222, 45

HSL Values

77°, 73%, 52%