#FF3528

#FF3528

Color Values

HEX

#FF3528

RGB

255, 53, 40

HSL

3.6, 100.0%, 57.8%

HSV

3.6, 84.3%, 100.0%

CMYK

0.0%, 79.2%, 84.3%, 0.0%

OKLCH

0.6493 0.2369 29.2

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#FF3528

#28F2FF

Analogous

#FF2886

#FFA028

#FF3528

Triadic

#FF3528

#28FF35

#3528FF

Split Complementary

#FF3528

#28FFA0

#2886FF

Tetradic

#FF3528

#86FF28

#28F2FF

#A028FF

Color Blindness Simulation

Original

#FF3528

Protanopia

#A7A62B

Deuteranopia

#B3C22C

Tritanopia

#F52E2E

Achromatopsia

#5F5F5F

CSS Usage

background-color: #FF3528;
color: #FF3528;
border-color: #FF3528;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FFBCB8
300
#FF8C85
400
#FF4E42
500
#FF0F00
600
#CC0C00
700
#A30A00
800
#800800
900
#5C0A05
950
#3A0603

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.79:1

AA Pass 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