#CA6BC4

#CA6BC4

Color Values

HEX

#CA6BC4

RGB

202, 107, 196

HSL

303.8, 47.3%, 60.6%

HSV

303.8, 47.0%, 79.2%

CMYK

0.0%, 47.0%, 3.0%, 20.8%

OKLCH

0.6673 0.1631 329.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CA6BC4

#6BCA71

Analogous

#A16BCA

#CA6B95

#CA6BC4

Triadic

#CA6BC4

#C4CA6B

#6BC4CA

Split Complementary

#CA6BC4

#95CA6B

#6BCAA1

Tetradic

#CA6BC4

#CAA16B

#6BCA71

#6B95CA

Color Blindness Simulation

Original

#CA6BC4

Protanopia

#A1A0AE

Deuteranopia

#A6ADA9

Tritanopia

#C59D9A

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCAEA
300
#DFA5DB
400
#CD74C8
500
#BC43B4
600
#963690
700
#782B73
800
#5E225A
900
#451C42
950
#2C122A

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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