#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026