#CECAF3

#CECAF3

Color Values

HEX

#CECAF3

RGB

206, 202, 243

HSL

245,9, 63,1%, 87,3%

HSV

245,9, 16,9%, 95,3%

CMYK

15,2%, 16,9%, 0,0%, 4,7%

OKLCH

0,8554 0,0567 289,6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CECAF3

#EFF3CA

Analogous

#CADBF3

#E3CAF3

#CECAF3

Triadic

#CECAF3

#F3CECA

#CAF3CE

Split Complementary

#CECAF3

#F3E3CA

#DBF3CA

Tetradic

#CECAF3

#F3CADB

#EFF3CA

#CAF3E3

Color Blindness Simulation

Original

#CECAF3

Protanopia

#CCCCE9

Deuteranopia

#CCCDE7

Tritanopia

#CEE1E0

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E5E4F7
200
#C9C5F2
300
#A39BE8
400
#7165DC
500
#3F2FD0
600
#3226A6
700
#281E85
800
#1F1868
900
#1A154C
950
#110D30

Contrast Checker

Text on white

1,57:1

AA Fail AAA Fail

Text on black

13,37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026