#FD7245

#FD7245

Color Values

HEX

#FD7245

RGB

253, 114, 69

HSL

14,7, 97,9%, 63,1%

HSV

14,7, 72,7%, 99,2%

CMYK

0,0%, 54,9%, 72,7%, 0,8%

OKLCH

0,7125 0,1804 38,2

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FD7245

#45D0FD

Analogous

#FD4574

#FDCE45

#FD7245

Triadic

#FD7245

#45FD72

#7245FD

Split Complementary

#FD7245

#45FDCE

#4574FD

Tetradic

#FD7245

#74FD45

#45D0FD

#CE45FD

Color Blindness Simulation

Original

#FD7245

Protanopia

#C1C050

Deuteranopia

#C9D352

Tritanopia

#F6585A

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FEC9B8
300
#FEA386
400
#FD7244
500
#FC4003
600
#CA3302
700
#A12902
800
#7E2001
900
#5B1B06
950
#3A1104

Contrast Checker

Text on white

2,74:1

AA Fail AAA Fail

Text on black

7,67:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026