analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#CCD3F0 — Periwinkle
#CCD3F0 is a light moderately saturated blue sitting at 228° on the color wheel. Below you will find every format, a full tint and shade ramp, contrast ratings, and five harmony schemes built around it.
#ccd3f0
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #CCD3F0
- f3f5fc
- cfd6f1
- aab6e6
- 8697dc
- 6278d1
- 3d59c7
- 3047a5
- 253881
- 1b285c
- 101838
- 060914
Color schemes using #CCD3F0
complementary
Two opposite hues that create the strongest possible contrast and visual tension.
split complementary
A base hue paired with the two neighbours of its complement — bold but easier to balance.
triadic
Three hues spaced evenly around the wheel for a vibrant, well-balanced scheme.
tetradic
Two complementary pairs, giving you the widest range of usable accents.
monochromatic
A single hue explored across lightness and saturation for a refined, minimal look.
Nearby colors
#CCD3F0 FAQ
What color is #CCD3F0?
#CCD3F0 is a shade of periwinkle in the blue family. It has a hue of 228 degrees, 55% saturation and 87% lightness, which makes it a light muted color.
What is the RGB value of #CCD3F0?
#CCD3F0 is rgb(204, 211, 240) in RGB, hsl(228, 55%, 87%) in HSL, and cmyk(15%, 12%, 0%, 6%) in CMYK.
Can I use white text on #CCD3F0?
White text on this background reaches 1.48:1, which fails WCAG AA. Black text reaches 14.14:1.
What colors go well with #CCD3F0?
Its direct complement is #F0E9CC. For something less stark, the split-complementary pair #F0D7CC and #E5F0CC gives you contrast without the vibration.