color #ABD8E9 | Chroma Seek

#ABD8E9

Color Information

Hex Code

#ABD8E9

RGB

171, 216, 233

HSL

196°, 58%, 79%

CSS

#ABD8E9

Color Tints

Lighter variations of #ABD8E9

#ABD8E9

#B3DCEB

10%

#BCE0ED

20%

#C4E4F0

30%

#CDE8F2

40%

#D5ECF4

50%

#DDEFF6

60%

#E6F3F8

70%

#EEF7FB

80%

#F7FBFD

90%

#FFFFFF

100%

Color Shades

Darker variations of #ABD8E9

#ABD8E9

#9AC2D2

10%

#89ADBA

20%

#7897A3

30%

#67828C

40%

#566C75

50%

#44565D

60%

#334146

70%

#222B2F

80%

#111617

90%

#000000

100%

Related Colors

Complementary Color

#E9BBAA

Opposite on color wheel

Split-Complementary Colors

#E9AAB9, #E9DAAA

Adjacent to complementary color

Analogous Colors

#AAE9DA, #AAB9E9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E9AAD8, #D8E9AA

Three colors equally spaced (120° apart)

Tetradic Colors

#BBAAE9, #E9BBAA, #D8E9AA

Rectangle on color wheel (90° apart)

Square Colors

#DAAAE9, #E9BBAA, #B9E9AA

Four colors equally spaced (90° apart)

Monochromatic Variations

#6EBCD8, #349FC5, #246E89, #143E4D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#ABD8E9

#AAE9CA

#ABAAE9

#E9BBAA

#E9DAAA

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

Triadic + Accent

#ABD8E9

#E9AAD8

#D8E9AA

#BEAEEA

#5AD37A

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

Monochromatic + Split Complementary

#ABD8E9

#C3E3EF

#46A9CE

#E9AAB9

#E9DAAA

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

#ABD8E9

RGB Values

171, 216, 233

HSL Values

196°, 58%, 79%