#CACDEB

#CACDEB

Color Values

HEX

#CACDEB

RGB

202, 205, 235

HSL

234.5, 45.2%, 85.7%

HSV

234.5, 14.0%, 92.2%

CMYK

14.0%, 12.8%, 0.0%, 7.8%

OKLCH

0.8555 0.0416 281.0

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CACDEB

#EBE8CA

Analogous

#CADEEB

#D8CAEB

#CACDEB

Triadic

#CACDEB

#EBCACD

#CDEBCA

Split Complementary

#CACDEB

#EBD8CA

#DEEBCA

Tetradic

#CACDEB

#EBCADE

#EBE8CA

#CAEBD8

Color Blindness Simulation

Original

#CACDEB

Protanopia

#CBCBE4

Deuteranopia

#CBCBE2

Tritanopia

#CADEDD

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CBCEEB
300
#A6ABDD
400
#767ECB
500
#4650B9
600
#384094
700
#2D3376
800
#23285D
900
#1D2044
950
#12142B

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.44:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026