#C70540

#C70540

Color Values

HEX

#C70540

RGB

199, 5, 64

HSL

341.8, 95.1%, 40.0%

HSV

341.8, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 67.8%, 22.0%

OKLCH

0.5283 0.2094 15.8

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C70540

#05C78C

Analogous

#C705A1

#C72B05

#C70540

Triadic

#C70540

#40C705

#0540C7

Split Complementary

#C70540

#05C72B

#05A1C7

Tetradic

#C70540

#A1C705

#05C78C

#2B05C7

Color Blindness Simulation

Original

#C70540

Protanopia

#737132

Deuteranopia

#7E8D2E

Tritanopia

#BD2624

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDFE7
200
#FDB9CE
300
#FC88AB
400
#FA477D
500
#F90650
600
#C70540
700
#9F0433
800
#7C0328
900
#5A0720
950
#390414

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

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