color #CCD1F5 | Chroma Seek

#CCD1F5

Color Information

Hex Code

#CCD1F5

RGB

204, 209, 245

HSL

233°, 67%, 88%

CSS

#CCD1F5

Color Tints

Lighter variations of #CCD1F5

#CCD1F5

#D1D6F6

10%

#D6DAF7

20%

#DBDFF8

30%

#E0E3F9

40%

#E6E8FA

50%

#EBEDFB

60%

#F0F1FC

70%

#F5F6FD

80%

#FAFAFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #CCD1F5

#CCD1F5

#B8BCDD

10%

#A3A7C4

20%

#8F92AC

30%

#7A7D93

40%

#66697B

50%

#525462

60%

#3D3F4A

70%

#292A31

80%

#141519

90%

#000000

100%

Related Colors

Complementary Color

#F5F0CC

Opposite on color wheel

Split-Complementary Colors

#F5DCCC, #E5F5CC

Adjacent to complementary color

Analogous Colors

#CCE5F5, #DCCCF5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F5CCD1, #D1F5CC

Three colors equally spaced (120° apart)

Tetradic Colors

#F0CCF5, #F5F0CC, #D1F5CC

Rectangle on color wheel (90° apart)

Square Colors

#F5CCE5, #F5F0CC, #CCF5DC

Four colors equally spaced (90° apart)

Monochromatic Variations

#8C97E8, #4C5DDC, #2435B7, #182377

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CCD1F5

#CCEFF5

#E6CCF5

#F5F0CC

#E5F5CC

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

Triadic + Accent

#CCD1F5

#F5CCD1

#D1F5CC

#E6AAEE

#77E4D7

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

Monochromatic + Split Complementary

#CCD1F5

#BFC5F2

#6170E0

#F5DCCC

#E5F5CC

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

#CCD1F5

RGB Values

204, 209, 245

HSL Values

233°, 67%, 88%