#CCD2EF

#CCD2EF

Color Values

HEX

#CCD2EF

RGB

204, 210, 239

HSL

229.7, 52.2%, 86.9%

HSV

229.7, 14.6%, 93.7%

CMYK

14.6%, 12.1%, 0.0%, 6.3%

OKLCH

0.8683 0.0406 276.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCD2EF

#EFE9CC

Analogous

#CCE4EF

#D8CCEF

#CCD2EF

Triadic

#CCD2EF

#EFCCD2

#D2EFCC

Split Complementary

#CCD2EF

#EFD8CC

#E4EFCC

Tetradic

#CCD2EF

#EFCCE4

#EFE9CC

#CCEFD8

Color Blindness Simulation

Original

#CCD2EF

Protanopia

#CFCFE8

Deuteranopia

#CECEE6

Tritanopia

#CCE2E1

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E5E8F5
200
#C9CFEE
300
#A2ADE2
400
#6F80D2
500
#3D54C2
600
#31439B
700
#27367C
800
#1E2A61
900
#1A2247
950
#10152D

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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