#CCF0FB

#CCF0FB

Color Values

HEX

#CCF0FB

RGB

204, 240, 251

HSL

194.0, 85.5%, 89.2%

HSV

194.0, 18.7%, 98.4%

CMYK

18.7%, 4.4%, 0.0%, 1.6%

OKLCH

0.9328 0.0403 218.2

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#CCF0FB

#FBD7CC

Analogous

#CCFBEE

#CCD8FB

#CCF0FB

Triadic

#CCF0FB

#FBCCF0

#F0FBCC

Split Complementary

#CCF0FB

#FBCCD8

#FBEECC

Tetradic

#CCF0FB

#EECCFB

#FBD7CC

#D8FBCC

Color Blindness Simulation

Original

#CCF0FB

Protanopia

#DCDCF8

Deuteranopia

#DAD7F8

Tritanopia

#CEF6F6

Achromatopsia

#E9E9E9

CSS Usage

background-color: #CCF0FB;
color: #CCF0FB;
border-color: #CCF0FB;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BDECFA
300
#8DDEF6
400
#50CCF1
500
#12BAED
600
#0F95BD
700
#0C7797
800
#095D76
900
#0B4456
950
#072B36

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026