#CF3C30

#CF3C30

Color Values

HEX

#CF3C30

RGB

207, 60, 48

HSL

4.5, 62.4%, 50.0%

HSV

4.5, 76.8%, 81.2%

CMYK

0.0%, 71.0%, 76.8%, 18.8%

OKLCH

0.5727 0.1858 28.9

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#CF3C30

#30C3CF

Analogous

#CF3074

#CF8B30

#CF3C30

Triadic

#CF3C30

#30CF3C

#3C30CF

Split Complementary

#CF3C30

#30CF8B

#3074CF

Tetradic

#CF3C30

#74CF30

#30C3CF

#8B30CF

Color Blindness Simulation

Original

#CF3C30

Protanopia

#8F8E33

Deuteranopia

#98A334

Tritanopia

#C83536

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E5E4
200
#F2C8C5
300
#E8A19C
400
#DC6F66
500
#CF3C30
600
#A63026
700
#85261F
800
#681E18
900
#4C1915
950
#30100D

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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