#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

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