#FF4A00

#FF4A00

Color Values

HEX

#FF4A00

RGB

255, 74, 0

HSL

17.4, 100.0%, 50.0%

HSV

17.4, 100.0%, 100.0%

CMYK

0.0%, 71.0%, 100.0%, 0.0%

OKLCH

0.6648 0.2258 36.4

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FF4A00

#00B5FF

Analogous

#FF0036

#FFC900

#FF4A00

Triadic

#FF4A00

#00FF4A

#4A00FF

Split Complementary

#FF4A00

#00FFC9

#0036FF

Tetradic

#FF4A00

#36FF00

#00B5FF

#C900FF

Color Blindness Simulation

Original

#FF4A00

Protanopia

#B1AF12

Deuteranopia

#BBC916

Tritanopia

#F62023

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FFCCB8
300
#FFA885
400
#FF7942
500
#FF4A00
600
#CC3B00
700
#A32F00
800
#802500
900
#5C1E05
950
#3A1303

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.23:1

AA Pass AAA Fail

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