#C80431

#C80431

Color Values

HEX

#C80431

RGB

200, 4, 49

HSL

346.2, 96.1%, 40.0%

HSV

346.2, 98.0%, 78.4%

CMYK

0.0%, 98.0%, 75.5%, 21.6%

OKLCH

0.5276 0.2106 20.8

Properties

Warm Dark Nearest: NCS S 1080-R Pure Red

Color Harmonies

Complementary

#C80431

#04C89B

Analogous

#C80493

#C83904

#C80431

Triadic

#C80431

#31C804

#0431C8

Split Complementary

#C80431

#04C839

#0493C8

Tetradic

#C80431

#93C804

#04C89B

#3904C8

Color Blindness Simulation

Original

#C80431

Protanopia

#737126

Deuteranopia

#7E8D24

Tritanopia

#BE1E1C

Achromatopsia

#313131

CSS Usage

background-color: #C80431;
color: #C80431;
border-color: #C80431;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FEF1F4
100
#FCDFE5
200
#FEB9C9
300
#FD87A2
400
#FB4670
500
#FA053D
600
#C80431
700
#A00327
800
#7D021F
900
#5A071A
950
#390410

Contrast Checker

Text on white

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