#CCCFDA

#CCCFDA

Color Values

HEX

#CCCFDA

RGB

204, 207, 218

HSL

227,1, 15,9%, 82,7%

HSV

227,1, 6,4%, 85,5%

CMYK

6,4%, 5,0%, 0,0%, 14,5%

OKLCH

0,8555 0,0155 273,8

Properties

Cool Light Nearest: RAL 7047 Telegrey 4

Color Harmonies

Complementary

#CCCFDA

#DAD7CC

Analogous

#CCD6DA

#D0CCDA

#CCCFDA

Triadic

#CCCFDA

#DACCCF

#CFDACC

Split Complementary

#CCCFDA

#DAD0CC

#D6DACC

Tetradic

#CCCFDA

#DACCD6

#DAD7CC

#CCDAD0

Color Blindness Simulation

Original

#CCCFDA

Protanopia

#CDCDD7

Deuteranopia

#CDCDD7

Tritanopia

#CCD5D5

Achromatopsia

#CFCFCF

CSS Usage

background-color: #CCCFDA;
color: #CCCFDA;
border-color: #CCCFDA;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D6D8E1
300
#B8BCCC
400
#9298B0
500
#6B7494
600
#565D76
700
#454A5F
800
#363A4A
900
#2A2C37
950
#1A1C23

Contrast Checker

Text on white

1,55:1

AA Fail AAA Fail

Text on black

13,5: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