#CA7FF0

#CA7FF0

Color Values

HEX

#CA7FF0

RGB

202, 127, 240

HSL

279.8, 79.0%, 72.0%

HSV

279.8, 47.1%, 94.1%

CMYK

15.8%, 47.1%, 0.0%, 5.9%

OKLCH

0.718 0.1744 313.4

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#CA7FF0

#A5F07F

Analogous

#927FF0

#F07FDE

#CA7FF0

Triadic

#CA7FF0

#F0CA7F

#7FF0CA

Split Complementary

#CA7FF0

#DEF07F

#7FF092

Tetradic

#CA7FF0

#F0927F

#A5F07F

#7FDEF0

Color Blindness Simulation

Original

#CA7FF0

Protanopia

#AAA9D5

Deuteranopia

#AEB3CE

Tritanopia

#C6BFBA

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F9F2FC
100
#F1E1F9
200
#E5BFF8
300
#D291F2
400
#B956EB
500
#A01BE4
600
#8015B7
700
#671192
800
#500D72
900
#3C0E53
950
#260934

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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