color #CCF0DB | Chroma Seek

#CCF0DB

Color Information

Hex Code

#CCF0DB

RGB

204, 240, 219

HSL

145°, 55%, 87%

CSS

#CCF0DB

Color Tints

Lighter variations of #CCF0DB

#CCF0DB

#D1F2DF

10%

#D6F3E2

20%

#DBF5E6

30%

#E0F6E9

40%

#E6F8ED

50%

#EBF9F1

60%

#F0FBF4

70%

#F5FCF8

80%

#FAFEFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #CCF0DB

#CCF0DB

#B8D8C5

10%

#A3C0AF

20%

#8FA899

30%

#7A9083

40%

#66786E

50%

#526058

60%

#3D4842

70%

#29302C

80%

#141816

90%

#000000

100%

Related Colors

Complementary Color

#F0CCE1

Opposite on color wheel

Split-Complementary Colors

#EDCCF0, #F0CCCF

Adjacent to complementary color

Analogous Colors

#CFF0CC, #CCF0ED

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DBCCF0, #F0DBCC

Three colors equally spaced (120° apart)

Tetradic Colors

#CCE1F0, #F0CCE1, #F0DBCC

Rectangle on color wheel (90° apart)

Square Colors

#CCCFF0, #F0CCE1, #F0EDCC

Four colors equally spaced (90° apart)

Monochromatic Variations

#90DFB1, #55CE87, #30A661, #1F6B3F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CCF0DB

#D8F0CC

#CCEAF0

#F0CCE1

#F0CCCF

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

Triadic + Accent

#CCF0DB

#DBCCF0

#F0DBCC

#B0D1E8

#B3D97D

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

Monochromatic + Split Complementary

#CCF0DB

#C4EED5

#69D395

#EDCCF0

#F0CCCF

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

#CCF0DB

RGB Values

204, 240, 219

HSL Values

145°, 55%, 87%