#C50790

#C50790

Color Values

HEX

#C50790

RGB

197, 7, 144

HSL

316.7, 93.1%, 40.0%

HSV

316.7, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 26.9%, 22.7%

OKLCH

0.5507 0.2316 344.9

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C50790

#07C53C

Analogous

#9B07C5

#C50731

#C50790

Triadic

#C50790

#90C507

#0790C5

Split Complementary

#C50790

#31C507

#07C59B

Tetradic

#C50790

#C59B07

#07C53C

#0731C5

Color Blindness Simulation

Original

#C50790

Protanopia

#73716F

Deuteranopia

#7E8C67

Tritanopia

#BB554F

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FDBAEA
300
#FB89DB
400
#F849C8
500
#F609B4
600
#C50790
700
#9E0673
800
#7B045A
900
#590842
950
#38052A

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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