#CCF8F0

A very light, vivid cyan closely aligning with Lightcyan.

About #CCF8F0

The precise color #CCF8F0 is an excellent choice for modern design projects. It is closely associated with the named CSS color Lightcyan. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 248, and 240.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 18% Cyan, 0% Magenta, 3% Yellow, and 3% Black. The HSL representation is 169.1° hue, 75.9% saturation, and 88.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a very light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CCF8F0
RGB204, 248, 240
HSL169.1°, 75.9%, 88.6%
CMYK18%, 0%, 3%, 3%
HSV169.1°, 17.7%, 97.3%
LAB94.4, -15.6, -0.8
XYZ74.2, 86.3, 95.2
Decimal13433072

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.15:1
Text on #FFFFFF
FAIL
18.25:1
Text on #000000
AAA
1.10:1
Text on #F8FAFC
FAIL
15.52:1
Text on #0F172A
AAA

CSS Implementation

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

Similar Colors

Lightcyan
#E0FFFF