#FD7345

#FD7345

Color Values

HEX

#FD7345

RGB

253, 115, 69

HSL

15.0, 97.9%, 63.1%

HSV

15.0, 72.7%, 99.2%

CMYK

0.0%, 54.5%, 72.7%, 0.8%

OKLCH

0.7139 0.1795 38.6

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FD7345

#45CFFD

Analogous

#FD4573

#FDCF45

#FD7345

Triadic

#FD7345

#45FD73

#7345FD

Split Complementary

#FD7345

#45FDCF

#4573FD

Tetradic

#FD7345

#73FD45

#45CFFD

#CF45FD

Color Blindness Simulation

Original

#FD7345

Protanopia

#C1C050

Deuteranopia

#C9D453

Tritanopia

#F6595B

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FECAB8
300
#FEA486
400
#FD7244
500
#FC4103
600
#CA3402
700
#A12A02
800
#7E2101
900
#5B1B06
950
#3A1104

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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