#C82576

#C82576

Color Values

HEX

#C82576

RGB

200, 37, 118

HSL

330.2, 68.8%, 46.5%

HSV

330.2, 81.5%, 78.4%

CMYK

0.0%, 81.5%, 41.0%, 21.6%

OKLCH

0.5574 0.2053 356.7

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#C82576

#25C877

Analogous

#C825C8

#C82625

#C82576

Triadic

#C82576

#76C825

#2576C8

Split Complementary

#C82576

#25C826

#25C8C8

Tetradic

#C82576

#C8C825

#25C877

#2625C8

Color Blindness Simulation

Original

#C82576

Protanopia

#818062

Deuteranopia

#8B975E

Tritanopia

#C05350

Achromatopsia

#4E4E4E

CSS Usage

background-color: #C82576;
color: #C82576;
border-color: #C82576;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF3F7
100
#F8E3ED
200
#F4C3DB
300
#EC98C2
400
#E260A0
500
#D7287F
600
#AC2066
700
#8A1951
800
#6C143F
900
#4E1230
950
#320C1E

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.98:1

AA Fail 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