#CB352E

#CB352E

Color Values

HEX

#CB352E

RGB

203, 53, 46

HSL

2.7, 63.1%, 48.8%

HSV

2.7, 77.3%, 79.6%

CMYK

0.0%, 73.9%, 77.3%, 20.4%

OKLCH

0.5588 0.188 27.8

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#CB352E

#2EC4CB

Analogous

#CB2E75

#CB842E

#CB352E

Triadic

#CB352E

#2ECB35

#352ECB

Split Complementary

#CB352E

#2ECB84

#2E75CB

Tetradic

#CB352E

#75CB2E

#2EC4CB

#842ECB

Color Blindness Simulation

Original

#CB352E

Protanopia

#8A8930

Deuteranopia

#939E30

Tritanopia

#C43131

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E4E4
200
#F2C7C5
300
#E89F9B
400
#DC6A65
500
#D0362F
600
#A62B26
700
#85231E
800
#681B18
900
#4C1715
950
#300F0D

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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