#CA85FF

#CA85FF

Color Values

HEX

#CA85FF

RGB

202, 133, 255

HSL

273.9, 100.0%, 76.1%

HSV

273.9, 47.8%, 100.0%

CMYK

20.8%, 47.8%, 0.0%, 0.0%

OKLCH

0.7349 0.1816 308.7

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#CA85FF

#BAFF85

Analogous

#8D85FF

#FF85F7

#CA85FF

Triadic

#CA85FF

#FFCA85

#85FFCA

Split Complementary

#CA85FF

#F7FF85

#85FF8D

Tetradic

#CA85FF

#FF8D85

#BAFF85

#85F7FF

Color Blindness Simulation

Original

#CA85FF

Protanopia

#ACACE2

Deuteranopia

#B0B5DA

Tritanopia

#C7CAC5

Achromatopsia

#9C9C9C

CSS Usage

background-color: #CA85FF;
color: #CA85FF;
border-color: #CA85FF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F1FE
100
#EFDEFC
200
#E0B8FF
300
#CA85FF
400
#AD42FF
500
#9000FF
600
#7300CC
700
#5C00A3
800
#480080
900
#36055C
950
#22033A

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.31:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026