#FD5245

#FD5245

Color Values

HEX

#FD5245

RGB

253, 82, 69

HSL

4.2, 97.9%, 63.1%

HSV

4.2, 72.7%, 99.2%

CMYK

0.0%, 67.6%, 72.7%, 0.8%

OKLCH

0.6737 0.2093 28.3

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#FD5245

#45F0FD

Analogous

#FD4594

#FDAE45

#FD5245

Triadic

#FD5245

#45FD52

#5245FD

Split Complementary

#FD5245

#45FDAE

#4594FD

Tetradic

#FD5245

#94FD45

#45F0FD

#AE45FD

Color Blindness Simulation

Original

#FD5245

Protanopia

#B3B148

Deuteranopia

#BDCA49

Tritanopia

#F44B4B

Achromatopsia

#757575

CSS Usage

background-color: #FD5245;
color: #FD5245;
border-color: #FD5245;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FEBDB8
300
#FE8E86
400
#FD5144
500
#FC1403
600
#CA1002
700
#A10D02
800
#7E0A01
900
#5B0C06
950
#3A0704

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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