#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026