#CAA8F9

#CAA8F9

Color Values

HEX

#CAA8F9

RGB

202, 168, 249

HSL

265.2, 87.1%, 81.8%

HSV

265.2, 32.5%, 97.6%

CMYK

18.9%, 32.5%, 0.0%, 2.4%

OKLCH

0.7907 0.1177 303.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CAA8F9

#D7F9A8

Analogous

#A8AFF9

#F3A8F9

#CAA8F9

Triadic

#CAA8F9

#F9CAA8

#A8F9CA

Split Complementary

#CAA8F9

#F9F3A8

#AFF9A8

Tetradic

#CAA8F9

#F9A8AF

#D7F9A8

#A8F9F3

Color Blindness Simulation

Original

#CAA8F9

Protanopia

#BBBBE5

Deuteranopia

#BDC0E1

Tritanopia

#C8D6D3

Achromatopsia

#B5B5B5

CSS Usage

background-color: #CAA8F9;
color: #CAA8F9;
border-color: #CAA8F9;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F6F2FD
100
#EBE0FA
200
#D6BCFA
300
#B98CF7
400
#944EF3
500
#6E10EF
600
#580DBF
700
#460B99
800
#370877
900
#2A0A56
950
#1B0737

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026