#C70548

#C70548

Color Values

HEX

#C70548

RGB

199, 5, 72

HSL

339.3, 95.1%, 40.0%

HSV

339.3, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 63.8%, 22.0%

OKLCH

0.5299 0.2098 12.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C70548

#05C784

Analogous

#C705A9

#C72305

#C70548

Triadic

#C70548

#48C705

#0548C7

Split Complementary

#C70548

#05C723

#05A9C7

Tetradic

#C70548

#A9C705

#05C784

#2305C7

Color Blindness Simulation

Original

#C70548

Protanopia

#737138

Deuteranopia

#7E8D34

Tritanopia

#BD2B28

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDFE9
200
#FDB9D1
300
#FC88B0
400
#FA4785
500
#F9065A
600
#C70548
700
#9F043A
800
#7C032D
900
#5A0724
950
#390416

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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