#CCF4FB

#CCF4FB

Color Values

HEX

#CCF4FB

RGB

204, 244, 251

HSL

188.9, 85.5%, 89.2%

HSV

188.9, 18.7%, 98.4%

CMYK

18.7%, 2.8%, 0.0%, 1.6%

OKLCH

0.9411 0.0423 209.4

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCF4FB

#FBD3CC

Analogous

#CCFBEA

#CCDCFB

#CCF4FB

Triadic

#CCF4FB

#FBCCF4

#F4FBCC

Split Complementary

#CCF4FB

#FBCCDC

#FBEACC

Tetradic

#CCF4FB

#EACCFB

#FBD3CC

#DCFBCC

Color Blindness Simulation

Original

#CCF4FB

Protanopia

#DDDEF9

Deuteranopia

#DBD8F9

Tritanopia

#CEF8F8

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F6FA
200
#BDF1FA
300
#8DE7F6
400
#50D9F1
500
#12CCED
600
#0FA3BD
700
#0C8397
800
#096676
900
#0B4B56
950
#072F36

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026