#FD4945

#FD4945

Color Values

HEX

#FD4945

RGB

253, 73, 69

HSL

1.3, 97.9%, 63.1%

HSV

1.3, 72.7%, 99.2%

CMYK

0.0%, 71.1%, 72.7%, 0.8%

OKLCH

0.6648 0.217 26.4

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#FD4945

#45F9FD

Analogous

#FD459D

#FDA545

#FD4945

Triadic

#FD4945

#45FD49

#4945FD

Split Complementary

#FD4945

#45FDA5

#459DFD

Tetradic

#FD4945

#9DFD45

#45F9FD

#A545FD

Color Blindness Simulation

Original

#FD4945

Protanopia

#AFAD46

Deuteranopia

#BAC746

Tritanopia

#F44747

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FEBAB8
300
#FE8886
400
#FD4844
500
#FC0803
600
#CA0602
700
#A10502
800
#7E0401
900
#5B0806
950
#3A0504

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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