#C70549

#C70549

Color Values

HEX

#C70549

RGB

199, 5, 73

HSL

339.0, 95.1%, 40.0%

HSV

339.0, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 63.3%, 22.0%

OKLCH

0.5301 0.2099 12.6

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C70549

#05C783

Analogous

#C705AA

#C72205

#C70549

Triadic

#C70549

#49C705

#0549C7

Split Complementary

#C70549

#05C722

#05AAC7

Tetradic

#C70549

#AAC705

#05C783

#2205C7

Color Blindness Simulation

Original

#C70549

Protanopia

#737139

Deuteranopia

#7E8D35

Tritanopia

#BD2C29

Achromatopsia

#333333

CSS Usage

background-color: #C70549;
color: #C70549;
border-color: #C70549;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FEF1F5
100
#FCDFE9
200
#FDB9D1
300
#FC88B0
400
#FA4786
500
#F9065B
600
#C70549
700
#9F043A
800
#7C032E
900
#5A0724
950
#390417

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

3.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026