#CF3F30

#CF3F30

Color Values

HEX

#CF3F30

RGB

207, 63, 48

HSL

5.7, 62.4%, 50.0%

HSV

5.7, 76.8%, 81.2%

CMYK

0.0%, 69.6%, 76.8%, 18.8%

OKLCH

0.5757 0.1832 29.7

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#CF3F30

#30C0CF

Analogous

#CF3070

#CF8F30

#CF3F30

Triadic

#CF3F30

#30CF3F

#3F30CF

Split Complementary

#CF3F30

#30CF8F

#3070CF

Tetradic

#CF3F30

#70CF30

#30C0CF

#8F30CF

Color Blindness Simulation

Original

#CF3F30

Protanopia

#918F34

Deuteranopia

#99A434

Tritanopia

#C83637

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E5E4
200
#F2C9C5
300
#E8A39C
400
#DC7166
500
#CF3F30
600
#A63226
700
#85281F
800
#682018
900
#4C1A15
950
#30110D

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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