#FFA300

#FFA300

Color Values

HEX

#FFA300

RGB

255, 163, 0

HSL

38.4, 100.0%, 50.0%

HSV

38.4, 100.0%, 100.0%

CMYK

0.0%, 36.1%, 100.0%, 0.0%

OKLCH

0.7892 0.1713 69.6

Properties

Warm Light Nearest: orange

Color Harmonies

Complementary

#FFA300

#005CFF

Analogous

#FF2400

#DBFF00

#FFA300

Triadic

#FFA300

#00FFA3

#A300FF

Split Complementary

#FFA300

#00DBFF

#2400FF

Tetradic

#FFA300

#00FF24

#005CFF

#FF00DB

Color Blindness Simulation

Original

#FFA300

Protanopia

#D7D627

Deuteranopia

#DCE331

Tritanopia

#FA474D

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FFE5B8
300
#FFD385
400
#FFBB42
500
#FFA300
600
#CC8300
700
#A36800
800
#805200
900
#5C3D05
950
#3A2603

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.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