#CAADEB

#CAADEB

Color Values

HEX

#CAADEB

RGB

202, 173, 235

HSL

268,1, 60,8%, 80,0%

HSV

268,1, 26,4%, 92,2%

CMYK

14,0%, 26,4%, 0,0%, 7,8%

OKLCH

0,794 0,0914 305,7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CAADEB

#CEEBAD

Analogous

#ADAFEB

#E9ADEB

#CAADEB

Triadic

#CAADEB

#EBCAAD

#ADEBCA

Split Complementary

#CAADEB

#EBE9AD

#AFEBAD

Tetradic

#CAADEB

#EBADAF

#CEEBAD

#ADEBE9

Color Blindness Simulation

Original

#CAADEB

Protanopia

#BDBDDC

Deuteranopia

#BFC1D8

Tritanopia

#C9D0CE

Achromatopsia

#B8B8B8

CSS Usage

background-color: #CAADEB;
color: #CAADEB;
border-color: #CAADEB;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DAC6F1
300
#BF9DE7
400
#9D67DA
500
#7B32CD
600
#6228A4
700
#4E2083
800
#3D1967
900
#2F164B
950
#1E0E2F

Contrast Checker

Text on white

1,96:1

AA Fail AAA Fail

Text on black

10,69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026