#CCDDF6

#CCDDF6

Color Values

HEX

#CCDDF6

RGB

204, 221, 246

HSL

215.7, 70.0%, 88.2%

HSV

215.7, 17.1%, 96.5%

CMYK

17.1%, 10.2%, 0.0%, 3.5%

OKLCH

0.8926 0.039 257.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CCDDF6

#F6E5CC

Analogous

#CCF2F6

#D0CCF6

#CCDDF6

Triadic

#CCDDF6

#F6CCDD

#DDF6CC

Split Complementary

#CCDDF6

#F6D0CC

#F2F6CC

Tetradic

#CCDDF6

#F6CCF2

#F6E5CC

#CCF6D0

Color Blindness Simulation

Original

#CCDDF6

Protanopia

#D3D4F0

Deuteranopia

#D2D1EE

Tritanopia

#CDEBEA

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EBF8
200
#C2D7F4
300
#97BAED
400
#5F94E3
500
#266FD9
600
#1F58AD
700
#18478B
800
#13376C
900
#122B4F
950
#0B1B32

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.24:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026