#FFA800

#FFA800

Color Values

HEX

#FFA800

RGB

255, 168, 0

HSL

39.5, 100.0%, 50.0%

HSV

39.5, 100.0%, 100.0%

CMYK

0.0%, 34.1%, 100.0%, 0.0%

OKLCH

0.798 0.1707 72.2

Properties

Warm Light Nearest: orange

Color Harmonies

Complementary

#FFA800

#0057FF

Analogous

#FF2800

#D7FF00

#FFA800

Triadic

#FFA800

#00FFA8

#A800FF

Split Complementary

#FFA800

#00D7FF

#2800FF

Tetradic

#FFA800

#00FF28

#0057FF

#FF00D7

Color Blindness Simulation

Original

#FFA800

Protanopia

#D9D929

Deuteranopia

#DEE532

Tritanopia

#FB4950

Achromatopsia

#AEAEAE

CSS Usage

background-color: #FFA800;
color: #FFA800;
border-color: #FFA800;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FFE7B8
300
#FFD585
400
#FFBF42
500
#FFA800
600
#CC8600
700
#A36B00
800
#805400
900
#5C3E05
950
#3A2703

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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