#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

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026