#C7373B

#C7373B

Color Values

HEX

#C7373B

RGB

199, 55, 59

HSL

358.3, 56.7%, 49.8%

HSV

358.3, 72.4%, 78.0%

CMYK

0.0%, 72.4%, 70.4%, 22.0%

OKLCH

0.5555 0.1807 23.9

Properties

Warm Dark Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#C7373B

#37C7C3

Analogous

#C73783

#C77B37

#C7373B

Triadic

#C7373B

#3BC737

#373BC7

Split Complementary

#C7373B

#37C77B

#3783C7

Tetradic

#C7373B

#83C737

#37C7C3

#7B37C7

Color Blindness Simulation

Original

#C7373B

Protanopia

#89873A

Deuteranopia

#919C3A

Tritanopia

#C03939

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E5
200
#F0C7C8
300
#E59FA1
400
#D66B6E
500
#C8373B
600
#A02C2F
700
#802326
800
#641C1E
900
#491819
950
#2E0F10

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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