#CF362D

#CF362D

Color Values

HEX

#CF362D

RGB

207, 54, 45

HSL

3.3, 64.3%, 49.4%

HSV

3.3, 78.3%, 81.2%

CMYK

0.0%, 73.9%, 78.3%, 18.8%

OKLCH

0.5666 0.1912 28.3

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#CF362D

#2DC6CF

Analogous

#CF2D75

#CF872D

#CF362D

Triadic

#CF362D

#2DCF36

#362DCF

Split Complementary

#CF362D

#2DCF87

#2D75CF

Tetradic

#CF362D

#75CF2D

#2DC6CF

#872DCF

Color Blindness Simulation

Original

#CF362D

Protanopia

#8D8B2F

Deuteranopia

#96A130

Tritanopia

#C73131

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E4E3
200
#F2C7C4
300
#E99F9A
400
#DD6B64
500
#D1372E
600
#A82C24
700
#86231D
800
#691B17
900
#4C1714
950
#300F0D

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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