#CCF7FA

#CCF7FA

Color Values

HEX

#CCF7FA

RGB

204, 247, 250

HSL

183.9, 82.1%, 89.0%

HSV

183.9, 18.4%, 98.0%

CMYK

18.4%, 1.2%, 0.0%, 2.0%

OKLCH

0.947 0.0443 201.7

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCF7FA

#FACFCC

Analogous

#CCFAE6

#CCE0FA

#CCF7FA

Triadic

#CCF7FA

#FACCF7

#F7FACC

Split Complementary

#CCF7FA

#FACCE0

#FAE6CC

Tetradic

#CCF7FA

#E6CCFA

#FACFCC

#E0FACC

Color Blindness Simulation

Original

#CCF7FA

Protanopia

#DFDFF9

Deuteranopia

#DCD9F9

Tritanopia

#CEF9F9

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8FA
200
#BEF5F9
300
#90EEF4
400
#53E4EE
500
#17DBE8
600
#12AFBA
700
#0F8C95
800
#0B6D74
900
#0D5054
950
#083235

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.25: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