#CE3525

#CE3525

Color Values

HEX

#CE3525

RGB

206, 53, 37

HSL

5.7, 69.5%, 47.6%

HSV

5.7, 82.0%, 80.8%

CMYK

0.0%, 74.3%, 82.0%, 19.2%

OKLCH

0.5632 0.1922 30.1

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#CE3525

#25BECE

Analogous

#CE2569

#CE8925

#CE3525

Triadic

#CE3525

#25CE35

#3525CE

Split Complementary

#CE3525

#25CE89

#2569CE

Tetradic

#CE3525

#69CE25

#25BECE

#8925CE

Color Blindness Simulation

Original

#CE3525

Protanopia

#8C8A29

Deuteranopia

#95A02A

Tritanopia

#C62C2D

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C7C2
300
#EC9F97
400
#E26C5F
500
#D83827
600
#AD2D1F
700
#8A2419
800
#6C1C13
900
#4F1812
950
#320F0B

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

4.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026