color #ABD4D2 | Chroma Seek

#ABD4D2

Color Information

Hex Code

#ABD4D2

RGB

171, 212, 210

HSL

177°, 32%, 75%

CSS

#ABD4D2

Color Tints

Lighter variations of #ABD4D2

#ABD4D2

#B3D8D7

10%

#BCDDDB

20%

#C4E1E0

30%

#CDE5E4

40%

#D5EAE9

50%

#DDEEED

60%

#E6F2F2

70%

#EEF6F6

80%

#F7FBFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #ABD4D2

#ABD4D2

#9ABFBD

10%

#89AAA8

20%

#789493

30%

#677F7E

40%

#566A69

50%

#445554

60%

#33403F

70%

#222A2A

80%

#111515

90%

#000000

100%

Related Colors

Complementary Color

#D4ABAD

Opposite on color wheel

Split-Complementary Colors

#D4ABC1, #D4BDAB

Adjacent to complementary color

Analogous Colors

#ABD4BD, #ABC1D4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D2ABD4, #D4D2AB

Three colors equally spaced (120° apart)

Tetradic Colors

#ABADD4, #D4ABAD, #D4D2AB

Rectangle on color wheel (90° apart)

Square Colors

#BDABD4, #D4ABAD, #C1D4AB

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #EEF6F6, #68B1AD, #3D7673

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#ABD4D2

#ABD4B3

#ABB7D4

#D4ABAD

#D4BDAB

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

Triadic + Accent

#ABD4D2

#D2ABD4

#D4D2AB

#BCBDDC

#6BB168

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

Monochromatic + Split Complementary

#ABD4D2

#CDE5E4

#57A8A4

#D4ABC1

#D4BDAB

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

#ABD4D2

RGB Values

171, 212, 210

HSL Values

177°, 32%, 75%