#CA71BB

#CA71BB

Color Values

HEX

#CA71BB

RGB

202, 113, 187

HSL

310.1, 45.6%, 61.8%

HSV

310.1, 44.1%, 79.2%

CMYK

0.0%, 44.1%, 7.4%, 20.8%

OKLCH

0.6722 0.1451 333.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CA71BB

#71CA80

Analogous

#AD71CA

#CA718F

#CA71BB

Triadic

#CA71BB

#BBCA71

#71BBCA

Split Complementary

#CA71BB

#8FCA71

#71CAAD

Tetradic

#CA71BB

#CAAD71

#71CA80

#718FCA

Color Blindness Simulation

Original

#CA71BB

Protanopia

#A3A3A9

Deuteranopia

#A9AFA5

Tritanopia

#C69B98

Achromatopsia

#898989

CSS Usage

background-color: #CA71BB;
color: #CA71BB;
border-color: #CA71BB;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#ECCBE6
300
#DEA6D4
400
#CC76BD
500
#BA45A6
600
#953785
700
#772C6A
800
#5D2353
900
#441D3E
950
#2B1227

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59:1

AA Pass AAA Fail

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