#CAAEEE

#CAAEEE

Color Values

HEX

#CAAEEE

RGB

202, 174, 238

HSL

266.2, 65.3%, 80.8%

HSV

266.2, 26.9%, 93.3%

CMYK

15.1%, 26.9%, 0.0%, 6.7%

OKLCH

0.797 0.0936 304.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CAAEEE

#D2EEAE

Analogous

#AEB2EE

#EAAEEE

#CAAEEE

Triadic

#CAAEEE

#EECAAE

#AEEECA

Split Complementary

#CAAEEE

#EEEAAE

#B2EEAE

Tetradic

#CAAEEE

#EEAEB2

#D2EEAE

#AEEEEA

Color Blindness Simulation

Original

#CAAEEE

Protanopia

#BEBEDF

Deuteranopia

#C0C2DB

Tritanopia

#C9D2D0

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#D8C4F3
300
#BD9AEA
400
#9963DE
500
#752CD3
600
#5E23A9
700
#4B1C87
800
#3A1669
900
#2D144D
950
#1C0D31

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.8: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