#CA71CB

#CA71CB

Color Values

HEX

#CA71CB

RGB

202, 113, 203

HSL

299.3, 46.4%, 62.0%

HSV

299.3, 44.3%, 79.6%

CMYK

0.5%, 44.3%, 0.0%, 20.4%

OKLCH

0.6792 0.1595 326.8

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#CA71CB

#72CB71

Analogous

#9D71CB

#CB719F

#CA71CB

Triadic

#CA71CB

#CBCA71

#71CBCA

Split Complementary

#CA71CB

#9FCB71

#71CB9D

Tetradic

#CA71CB

#CB9D71

#72CB71

#719FCB

Color Blindness Simulation

Original

#CA71CB

Protanopia

#A3A3B5

Deuteranopia

#A9AFB0

Tritanopia

#C6A4A0

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCBEC
300
#DEA5DE
400
#CB75CC
500
#B944BB
600
#943795
700
#772C77
800
#5D225D
900
#441C45
950
#2B122B

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.74:1

AA Pass AAA Fail

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