#CCE4F4

#CCE4F4

Color Values

HEX

#CCE4F4

RGB

204, 228, 244

HSL

204.0, 64.5%, 87.8%

HSV

204.0, 16.4%, 95.7%

CMYK

16.4%, 6.6%, 0.0%, 4.3%

OKLCH

0.9061 0.0337 237.0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CCE4F4

#F4DCCC

Analogous

#CCF4F0

#CCD0F4

#CCE4F4

Triadic

#CCE4F4

#F4CCE4

#E4F4CC

Split Complementary

#CCE4F4

#F4CCD0

#F4F0CC

Tetradic

#CCE4F4

#F0CCF4

#F4DCCC

#D0F4CC

Color Blindness Simulation

Original

#CCE4F4

Protanopia

#D6D7F0

Deuteranopia

#D5D3EF

Tritanopia

#CDEDEC

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C4E0F2
300
#9ACAE9
400
#64ADDE
500
#2D90D2
600
#2473A8
700
#1D5C86
800
#174869
900
#14364D
950
#0D2230

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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