#FD5B45

#FD5B45

Color Values

HEX

#FD5B45

RGB

253, 91, 69

HSL

7.2, 97.9%, 63.1%

HSV

7.2, 72.7%, 99.2%

CMYK

0.0%, 64.0%, 72.7%, 0.8%

OKLCH

0.6835 0.2012 30.6

Properties

Warm Light Nearest: tomato

Color Harmonies

Complementary

#FD5B45

#45E7FD

Analogous

#FD458B

#FDB745

#FD5B45

Triadic

#FD5B45

#45FD5B

#5B45FD

Split Complementary

#FD5B45

#45FDB7

#458BFD

Tetradic

#FD5B45

#8BFD45

#45E7FD

#B745FD

Color Blindness Simulation

Original

#FD5B45

Protanopia

#B7B54A

Deuteranopia

#C0CC4C

Tritanopia

#F54F4F

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DE
200
#FEC1B8
300
#FE9486
400
#FD5A44
500
#FC2103
600
#CA1A02
700
#A11502
800
#7E1001
900
#5B1006
950
#3A0A04

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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