color #CCD4C2 | Chroma Seek

#CCD4C2

Color Information

Hex Code

#CCD4C2

RGB

204, 212, 194

HSL

87°, 17%, 80%

CSS

#CCD4C2

Color Tints

Lighter variations of #CCD4C2

#CCD4C2

#D1D8C8

10%

#D6DDCE

20%

#DBE1D4

30%

#E0E5DA

40%

#E6EAE1

50%

#EBEEE7

60%

#F0F2ED

70%

#F5F6F3

80%

#FAFBF9

90%

#FFFFFF

100%

Color Shades

Darker variations of #CCD4C2

#CCD4C2

#B8BFAF

10%

#A3AA9B

20%

#8F9488

30%

#7A7F74

40%

#666A61

50%

#52554E

60%

#3D403A

70%

#292A27

80%

#141513

90%

#000000

100%

Related Colors

Complementary Color

#CBC3D5

Opposite on color wheel

Split-Complementary Colors

#C3C4D5, #D4C3D5

Adjacent to complementary color

Analogous Colors

#D5D4C3, #C4D5C3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C3CDD5, #D5C3CD

Three colors equally spaced (120° apart)

Tetradic Colors

#C3D5CB, #CBC3D5, #D5C3CD

Rectangle on color wheel (90° apart)

Square Colors

#C3D5D4, #CBC3D5, #D5C3C4

Four colors equally spaced (90° apart)

Monochromatic Variations

#A7B597, #82956A, #5B684A, #343C2A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CCD4C2

#D5CFC3

#C3D5C7

#CBC3D5

#D4C3D5

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

Triadic + Accent

#CCD4C2

#C3CDD5

#D5C3CD

#C3D5CB

#AA9788

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

Monochromatic + Split Complementary

#CCD4C2

#D9DFD2

#8EA079

#C3C4D5

#D4C3D5

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

#CCD4C2

RGB Values

204, 212, 194

HSL Values

87°, 17%, 80%