#CCCCE2

A very light, muted blue closely aligning with Lightsteelblue.

About #CCCCE2

When working with digital screens, the color #CCCCE2 is rendered by mixing light. It is closely associated with the named CSS color Lightsteelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 204, and 226.

For print applications, it's crucial to understand its CMYK makeup. The color uses 10% Cyan, 10% Magenta, 0% Yellow, and 11% Black. The HSL representation is 240.0° hue, 27.5% saturation, and 84.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#CCCCE2
RGB204, 204, 226
HSL240.0°, 27.5%, 84.3%
CMYK10%, 10%, 0%, 11%
HSV240.0°, 9.7%, 88.6%
LAB82.7, 4.2, -10.9
XYZ60.2, 61.5, 80.7
Decimal13421794

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.58:1
Text on #FFFFFF
FAIL
13.30:1
Text on #000000
AAA
1.51:1
Text on #F8FAFC
FAIL
11.31:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #CCCCE2; }
.text-color { color: #CCCCE2; }
.border-color { border: 2px solid #CCCCE2; }

Similar Colors

Lightsteelblue
#B0C4DE