#CCFEFC

Color Details

HEX
#CCFEFC
RGB
rgb(204, 254, 252)
HSL
hsl(178, 96%, 90%)
CMYK
cmyk(20%, 0%, 1%, 0%)
Best text on this color #000000 (CR 19.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccfefc
Contrast 19.15:1 AAA
White on #ccfefc
Contrast 1.10:1 Fail
#ccfefc on Black
Contrast 19.15:1 AAA
#ccfefc on White
Contrast 1.10:1 Fail

Tints & Shades

#d6fefd
#e0fefd
#ebfffe
#a3cbca
#7a9897
#526665

Complement & Analogous

#fecdcf
#cde7fe
#cdfee4

Triadic

#fccdfe
#fefccd

Monochrome

#526665 #7a9897 #ccfefc #e0fefd #ebfffe #f5fffe

Analogous

#cdfee4 #dcfeec #ccfefc #d7ecfe #cde7fe #a4b9cb

Complementary Mix

#7a9897 #ccfefc #e0fefd #fecdcf #fedfe0 #a58587

Nearby Colors

#ccfefb
#ccfefd
#ccfeec
#ccff0c

Embed #CCFEFC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #CCFEFC

#CCFEFC converts to RGB(204, 254, 252) and HSL(178, 96%, 90%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#CCFEFC FAQs

What is the RGB value of #CCFEFC?
RGB: 204, 254, 252. Copy as CSS: rgb(204, 254, 252)
Is #CCFEFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCFEFC?
Complement: #fecdcf.
Does #CCFEFC have good contrast on white or black?
On white: 1.10:1 (Fails AA). On black: 19.15:1 (AAA (normal text)).