#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