#C84387

#C84387

Color Values

HEX

#C84387

RGB

200, 67, 135

HSL

329.3, 54.7%, 52.4%

HSV

329.3, 66.5%, 78.4%

CMYK

0.0%, 66.5%, 32.5%, 21.6%

OKLCH

0.5889 0.1805 352.5

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#C84387

#43C884

Analogous

#C643C8

#C84345

#C84387

Triadic

#C84387

#87C843

#4387C8

Split Complementary

#C84387

#45C843

#43C8C6

Tetradic

#C84387

#C8C643

#43C884

#4345C8

Color Blindness Simulation

Original

#C84387

Protanopia

#8E8D77

Deuteranopia

#96A073

Tritanopia

#C16A67

Achromatopsia

#646464

CSS Usage

background-color: #C84387;
color: #C84387;
border-color: #C84387;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EFC8DC
300
#E3A0C3
400
#D46DA2
500
#C53A81
600
#9E2E67
700
#7E2553
800
#631D41
900
#481931
950
#2E101F

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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