#CCE3F1

#CCE3F1

Color Values

HEX

#CCE3F1

RGB

204, 227, 241

HSL

202.7, 56.9%, 87.3%

HSV

202.7, 15.4%, 94.5%

CMYK

15.4%, 5.8%, 0.0%, 5.5%

OKLCH

0.9031 0.0311 234.5

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#CCE3F1

#F1DACC

Analogous

#CCF1ED

#CCD1F1

#CCE3F1

Triadic

#CCE3F1

#F1CCE3

#E3F1CC

Split Complementary

#CCE3F1

#F1CCD1

#F1EDCC

Tetradic

#CCE3F1

#EDCCF1

#F1DACC

#D1F1CC

Color Blindness Simulation

Original

#CCE3F1

Protanopia

#D6D6EE

Deuteranopia

#D5D3ED

Tritanopia

#CDEBEA

Achromatopsia

#DFDFDF

CSS Usage

background-color: #CCE3F1;
color: #CCE3F1;
border-color: #CCE3F1;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F4F8FB
100
#E5EFF6
200
#C7E0F0
300
#9FCAE5
400
#6BAED6
500
#3791C8
600
#2C74A0
700
#235D80
800
#1B4964
900
#183649
950
#0F222E

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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