#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026