#CCCDEF

#CCCDEF

Color Values

HEX

#CCCDEF

RGB

204, 205, 239

HSL

238.3, 52.2%, 86.9%

HSV

238.3, 14.6%, 93.7%

CMYK

14.6%, 14.2%, 0.0%, 6.3%

OKLCH

0.8584 0.047 284.0

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCCDEF

#EFEECC

Analogous

#CCDFEF

#DDCCEF

#CCCDEF

Triadic

#CCCDEF

#EFCCCD

#CDEFCC

Split Complementary

#CCCDEF

#EFDDCC

#DFEFCC

Tetradic

#CCCDEF

#EFCCDF

#EFEECC

#CCEFDD

Color Blindness Simulation

Original

#CCCDEF

Protanopia

#CCCCE7

Deuteranopia

#CCCCE5

Tritanopia

#CCE0DF

Achromatopsia

#CFCFCF

CSS Usage

background-color: #CCCDEF;
color: #CCCDEF;
border-color: #CCCDEF;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C9CAEE
300
#A2A4E2
400
#6F72D2
500
#3D41C2
600
#31349B
700
#27297C
800
#1E2061
900
#1A1B47
950
#10112D

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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