#CCD4F7

#CCD4F7

Color Values

HEX

#CCD4F7

RGB

204, 212, 247

HSL

228.8, 72.9%, 88.4%

HSV

228.8, 17.4%, 96.9%

CMYK

17.4%, 14.2%, 0.0%, 3.1%

OKLCH

0.875 0.0491 275.2

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#CCD4F7

#F7EFCC

Analogous

#CCE9F7

#D9CCF7

#CCD4F7

Triadic

#CCD4F7

#F7CCD4

#D4F7CC

Split Complementary

#CCD4F7

#F7D9CC

#E9F7CC

Tetradic

#CCD4F7

#F7CCE9

#F7EFCC

#CCF7D9

Color Blindness Simulation

Original

#CCD4F7

Protanopia

#CFD0EF

Deuteranopia

#CFCEEC

Tritanopia

#CCE8E6

Achromatopsia

#D5D5D5

CSS Usage

background-color: #CCD4F7;
color: #CCD4F7;
border-color: #CCD4F7;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F3F4FC
100
#E2E6F8
200
#C1CBF5
300
#95A6EE
400
#5C76E5
500
#2345DC
600
#1C37B0
700
#162C8D
800
#11236E
900
#111D50
950
#0B1233

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026