#CA78AE

#CA78AE

Color Values

HEX

#CA78AE

RGB

202, 120, 174

HSL

320.5, 43.6%, 63.1%

HSV

320.5, 40.6%, 79.2%

CMYK

0.0%, 40.6%, 13.9%, 20.8%

OKLCH

0.678 0.1225 341.0

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#CA78AE

#78CA94

Analogous

#BD78CA

#CA7885

#CA78AE

Triadic

#CA78AE

#AECA78

#78AECA

Split Complementary

#CA78AE

#85CA78

#78CABD

Tetradic

#CA78AE

#CABD78

#78CA94

#7885CA

Color Blindness Simulation

Original

#CA78AE

Protanopia

#A6A6A1

Deuteranopia

#ABB19E

Tritanopia

#C69794

Achromatopsia

#8D8D8D

CSS Usage

background-color: #CA78AE;
color: #CA78AE;
border-color: #CA78AE;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F8
100
#F4E7EF
200
#EBCCE0
300
#DCA7CA
400
#CA78AE
500
#B74891
600
#923A74
700
#752E5D
800
#5C2449
900
#431D36
950
#2B1322

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

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