#FD7445

#FD7445

Color Values

HEX

#FD7445

RGB

253, 116, 69

HSL

15.3, 97.9%, 63.1%

HSV

15.3, 72.7%, 99.2%

CMYK

0.0%, 54.2%, 72.7%, 0.8%

OKLCH

0.7153 0.1787 39.0

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FD7445

#45CEFD

Analogous

#FD4572

#FDD045

#FD7445

Triadic

#FD7445

#45FD74

#7445FD

Split Complementary

#FD7445

#45FDD0

#4572FD

Tetradic

#FD7445

#72FD45

#45CEFD

#D045FD

Color Blindness Simulation

Original

#FD7445

Protanopia

#C2C050

Deuteranopia

#CAD453

Tritanopia

#F6595B

Achromatopsia

#8E8E8E

CSS Usage

background-color: #FD7445;
color: #FD7445;
border-color: #FD7445;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FECAB8
300
#FEA486
400
#FD7344
500
#FC4203
600
#CA3502
700
#A12A02
800
#7E2101
900
#5B1C06
950
#3A1104

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.76:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026