#FD6E45

#FD6E45

Color Values

HEX

#FD6E45

RGB

253, 110, 69

HSL

13.4, 97.9%, 63.1%

HSV

13.4, 72.7%, 99.2%

CMYK

0.0%, 56.5%, 72.7%, 0.8%

OKLCH

0.7071 0.1839 36.7

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FD6E45

#45D4FD

Analogous

#FD4578

#FDCA45

#FD6E45

Triadic

#FD6E45

#45FD6E

#6E45FD

Split Complementary

#FD6E45

#45FDCA

#4578FD

Tetradic

#FD6E45

#78FD45

#45D4FD

#CA45FD

Color Blindness Simulation

Original

#FD6E45

Protanopia

#BFBE4F

Deuteranopia

#C7D251

Tritanopia

#F65758

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC8B8
300
#FEA186
400
#FD6E44
500
#FC3A03
600
#CA2F02
700
#A12502
800
#7E1D01
900
#5B1906
950
#3A1004

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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