#C5078F

#C5078F

Color Values

HEX

#C5078F

RGB

197, 7, 143

HSL

317.1, 93.1%, 40.0%

HSV

317.1, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 27.4%, 22.7%

OKLCH

0.5503 0.231 345.2

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C5078F

#07C53D

Analogous

#9C07C5

#C50730

#C5078F

Triadic

#C5078F

#8FC507

#078FC5

Split Complementary

#C5078F

#30C507

#07C59C

Tetradic

#C5078F

#C59C07

#07C53D

#0730C5

Color Blindness Simulation

Original

#C5078F

Protanopia

#73716E

Deuteranopia

#7E8C66

Tritanopia

#BB544E

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FDBAEA
300
#FB89DA
400
#F849C6
500
#F609B3
600
#C5078F
700
#9E0672
800
#7B0459
900
#590842
950
#38052A

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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