color #ABDAE2 | Chroma Seek

#ABDAE2

Color Information

Hex Code

#ABDAE2

RGB

171, 218, 226

HSL

189°, 49%, 78%

CSS

#ABDAE2

Color Tints

Lighter variations of #ABDAE2

#ABDAE2

#B3DEE5

10%

#BCE1E8

20%

#C4E5EB

30%

#CDE9EE

40%

#D5EDF1

50%

#DDF0F3

60%

#E6F4F6

70%

#EEF8F9

80%

#F7FBFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #ABDAE2

#ABDAE2

#9AC4CB

10%

#89AEB5

20%

#78999E

30%

#678388

40%

#566D71

50%

#44575A

60%

#334144

70%

#222C2D

80%

#111617

90%

#000000

100%

Related Colors

Complementary Color

#E2B4AB

Opposite on color wheel

Split-Complementary Colors

#E2ABBF, #E2CFAB

Adjacent to complementary color

Analogous Colors

#ABE2CF, #ABBFE2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E2ABDA, #DAE2AB

Three colors equally spaced (120° apart)

Tetradic Colors

#B4ABE2, #E2B4AB, #DAE2AB

Rectangle on color wheel (90° apart)

Square Colors

#CFABE2, #E2B4AB, #BFE2AB

Four colors equally spaced (90° apart)

Monochromatic Variations

#72C1CF, #3EA4B6, #2B717D, #173E44

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#ABDAE2

#ABE2C1

#ABB1E2

#E2B4AB

#E2CFAB

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

Triadic + Accent

#ABDAE2

#E2ABDA

#DAE2AB

#BBB3E5

#5FC86F

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

Monochromatic + Split Complementary

#ABDAE2

#C6E6EB

#4CB0C2

#E2ABBF

#E2CFAB

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

#ABDAE2

RGB Values

171, 218, 226

HSL Values

189°, 49%, 78%