#C50794

#C50794

Color Values

HEX

#C50794

RGB

197, 7, 148

HSL

315.5, 93.1%, 40.0%

HSV

315.5, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 24.9%, 22.7%

OKLCH

0.5526 0.2337 343.5

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C50794

#07C538

Analogous

#9707C5

#C50735

#C50794

Triadic

#C50794

#94C507

#0794C5

Split Complementary

#C50794

#35C507

#07C597

Tetradic

#C50794

#C59707

#07C538

#0735C5

Color Blindness Simulation

Original

#C50794

Protanopia

#737172

Deuteranopia

#7E8C6A

Tritanopia

#BB5751

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FDBAEB
300
#FB89DD
400
#F849CB
500
#F609B9
600
#C50794
700
#9E0676
800
#7B045C
900
#590844
950
#38052B

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026