color #ADD8DC | Chroma Seek

#ADD8DC

Color Information

Hex Code

#ADD8DC

RGB

173, 216, 220

HSL

185°, 40%, 77%

CSS

#ADD8DC

Color Tints

Lighter variations of #ADD8DC

#ADD8DC

#B5DCE0

10%

#BDE0E3

20%

#C6E4E7

30%

#CEE8EA

40%

#D6ECEE

50%

#DEEFF1

60%

#E6F3F5

70%

#EFF7F8

80%

#F7FBFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #ADD8DC

#ADD8DC

#9CC2C6

10%

#8AADB0

20%

#79979A

30%

#688284

40%

#576C6E

50%

#455658

60%

#344142

70%

#232B2C

80%

#111616

90%

#000000

100%

Related Colors

Complementary Color

#DCB1AD

Opposite on color wheel

Split-Complementary Colors

#DCADC0, #DCC8AD

Adjacent to complementary color

Analogous Colors

#ADDCC8, #ADC0DC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DCADD8, #D8DCAD

Three colors equally spaced (120° apart)

Tetradic Colors

#B1ADDC, #DCB1AD, #D8DCAD

Rectangle on color wheel (90° apart)

Square Colors

#C8ADDC, #DCB1AD, #C0DCAD

Four colors equally spaced (90° apart)

Monochromatic Variations

#77BEC5, #48A0A8, #316D72, #1A3A3D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#ADD8DC

#ADDCBD

#ADB5DC

#DCB1AD

#DCC8AD

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

Triadic + Accent

#ADD8DC

#DCADD8

#D8DCAD

#BBB8E0

#65BD6D

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

Monochromatic + Split Complementary

#ADD8DC

#C9E5E8

#54ADB6

#DCADC0

#DCC8AD

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

#ADD8DC

RGB Values

173, 216, 220

HSL Values

185°, 40%, 77%