#CCD3F1

#CCD3F1

Color Values

HEX

#CCD3F1

RGB

204, 211, 241

HSL

228.6, 56.9%, 87.3%

HSV

228.6, 15.4%, 94.5%

CMYK

15.4%, 12.4%, 0.0%, 5.5%

OKLCH

0.8709 0.0421 275.1

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCD3F1

#F1EACC

Analogous

#CCE6F1

#D8CCF1

#CCD3F1

Triadic

#CCD3F1

#F1CCD3

#D3F1CC

Split Complementary

#CCD3F1

#F1D8CC

#E6F1CC

Tetradic

#CCD3F1

#F1CCE6

#F1EACC

#CCF1D8

Color Blindness Simulation

Original

#CCD3F1

Protanopia

#CFCFEA

Deuteranopia

#CFCEE8

Tritanopia

#CCE4E3

Achromatopsia

#D4D4D4

CSS Usage

background-color: #CCD3F1;
color: #CCD3F1;
border-color: #CCD3F1;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F5FB
100
#E5E8F6
200
#C7CFF0
300
#9FACE5
400
#6B7FD6
500
#3753C8
600
#2C42A0
700
#233580
800
#1B2964
900
#182149
950
#0F152E

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.16:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026