color #ABD4E8 | Chroma Seek

#ABD4E8

Color Information

Hex Code

#ABD4E8

RGB

171, 212, 232

HSL

200°, 57%, 79%

CSS

#ABD4E8

Color Tints

Lighter variations of #ABD4E8

#ABD4E8

#B3D8EA

10%

#BCDDED

20%

#C4E1EF

30%

#CDE5F1

40%

#D5EAF4

50%

#DDEEF6

60%

#E6F2F8

70%

#EEF6FA

80%

#F7FBFD

90%

#FFFFFF

100%

Color Shades

Darker variations of #ABD4E8

#ABD4E8

#9ABFD1

10%

#89AABA

20%

#7894A2

30%

#677F8B

40%

#566A74

50%

#44555D

60%

#334046

70%

#222A2E

80%

#111517

90%

#000000

100%

Related Colors

Complementary Color

#E8BFAB

Opposite on color wheel

Split-Complementary Colors

#E8ABB5, #E8DEAB

Adjacent to complementary color

Analogous Colors

#ABE8DE, #ABB5E8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E8ABD4, #D4E8AB

Three colors equally spaced (120° apart)

Tetradic Colors

#BFABE8, #E8BFAB, #D4E8AB

Rectangle on color wheel (90° apart)

Square Colors

#DEABE8, #E8BFAB, #B5E8AB

Four colors equally spaced (90° apart)

Monochromatic Variations

#6FB5D8, #3695C4, #256788, #153A4C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#ABD4E8

#ABE8CF

#B0ABE8

#E8BFAB

#E8DEAB

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

Triadic + Accent

#ABD4E8

#E8ABD4

#D4E8AB

#C2AFE9

#5BD283

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

Monochromatic + Split Complementary

#ABD4E8

#C3E0EF

#47A0CD

#E8ABB5

#E8DEAB

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

#ABD4E8

RGB Values

171, 212, 232

HSL Values

200°, 57%, 79%