#CE3A35

#CE3A35

Color Values

HEX

#CE3A35

RGB

206, 58, 53

HSL

2.0, 61.0%, 50.8%

HSV

2.0, 74.3%, 80.8%

CMYK

0.0%, 71.8%, 74.3%, 19.2%

OKLCH

0.5696 0.1858 26.9

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#CE3A35

#35C9CE

Analogous

#CE357C

#CE8735

#CE3A35

Triadic

#CE3A35

#35CE3A

#3A35CE

Split Complementary

#CE3A35

#35CE87

#357CCE

Tetradic

#CE3A35

#7CCE35

#35C9CE

#8735CE

Color Blindness Simulation

Original

#CE3A35

Protanopia

#8E8D36

Deuteranopia

#96A236

Tritanopia

#C73737

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C7C6
300
#E79F9C
400
#DA6B67
500
#CD3732
600
#A42C28
700
#832320
800
#671B19
900
#4B1816
950
#2F0F0E

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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