#FD8F45

#FD8F45

Color Values

HEX

#FD8F45

RGB

253, 143, 69

HSL

24.1, 97.9%, 63.1%

HSV

24.1, 72.7%, 99.2%

CMYK

0.0%, 43.5%, 72.7%, 0.8%

OKLCH

0.7561 0.1587 51.7

Properties

Warm Light Nearest: Mango Tango

Color Harmonies

Complementary

#FD8F45

#45B3FD

Analogous

#FD4557

#FDEB45

#FD8F45

Triadic

#FD8F45

#45FD8F

#8F45FD

Split Complementary

#FD8F45

#45FDEB

#4557FD

Tetradic

#FD8F45

#57FD45

#45B3FD

#EB45FD

Color Blindness Simulation

Original

#FD8F45

Protanopia

#CDCC57

Deuteranopia

#D4DC5B

Tritanopia

#F86568

Achromatopsia

#A1A1A1

CSS Usage

background-color: #FD8F45;
color: #FD8F45;
border-color: #FD8F45;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FED4B8
300
#FEB686
400
#FD8E44
500
#FC6703
600
#CA5202
700
#A14202
800
#7E3301
900
#5B2806
950
#3A1904

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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