#C52E85

#C52E85

Color Values

HEX

#C52E85

RGB

197, 46, 133

HSL

325.4, 62.1%, 47.6%

HSV

325.4, 76.6%, 77.3%

CMYK

0.0%, 76.6%, 32.5%, 22.7%

OKLCH

0.5641 0.2016 350.5

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C52E85

#2EC56E

Analogous

#B92EC5

#C52E3A

#C52E85

Triadic

#C52E85

#85C52E

#2E85C5

Split Complementary

#C52E85

#3AC52E

#2EC5B9

Tetradic

#C52E85

#C5B92E

#2EC56E

#2E3AC5

Color Blindness Simulation

Original

#C52E85

Protanopia

#848270

Deuteranopia

#8C986B

Tritanopia

#BD5F5C

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E4EF
200
#F1C5DF
300
#E89CC8
400
#DB66AA
500
#CF308C
600
#A52770
700
#841F59
800
#671846
900
#4C1535
950
#300D21

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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