#CF3A30

#CF3A30

Color Values

HEX

#CF3A30

RGB

207, 58, 48

HSL

3.8, 62.4%, 50.0%

HSV

3.8, 76.8%, 81.2%

CMYK

0.0%, 72.0%, 76.8%, 18.8%

OKLCH

0.5707 0.1875 28.4

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#CF3A30

#30C5CF

Analogous

#CF3075

#CF8A30

#CF3A30

Triadic

#CF3A30

#30CF3A

#3A30CF

Split Complementary

#CF3A30

#30CF8A

#3075CF

Tetradic

#CF3A30

#75CF30

#30C5CF

#8A30CF

Color Blindness Simulation

Original

#CF3A30

Protanopia

#8E8D32

Deuteranopia

#97A233

Tritanopia

#C83435

Achromatopsia

#595959

CSS Usage

background-color: #CF3A30;
color: #CF3A30;
border-color: #CF3A30;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FBF4F3
100
#F7E5E4
200
#F2C8C5
300
#E8A09C
400
#DC6D66
500
#CF3A30
600
#A62E26
700
#85251F
800
#681D18
900
#4C1915
950
#30100D

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026