#FCA303

#FCA303

Color Values

HEX

#FCA303

RGB

252, 163, 3

HSL

38.6, 97.6%, 50.0%

HSV

38.6, 98.8%, 98.8%

CMYK

0.0%, 35.3%, 98.8%, 1.2%

OKLCH

0.7856 0.1692 70.6

Properties

Warm Light Nearest: orange

Color Harmonies

Complementary

#FCA303

#035CFC

Analogous

#FC2703

#D8FC03

#FCA303

Triadic

#FCA303

#03FCA3

#A303FC

Split Complementary

#FCA303

#03D8FC

#2703FC

Tetradic

#FCA303

#03FC27

#035CFC

#FC03D8

Color Blindness Simulation

Original

#FCA303

Protanopia

#D5D52A

Deuteranopia

#DBE133

Tritanopia

#F8484F

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FEE5B8
300
#FED386
400
#FDBB45
500
#FCA303
600
#CA8302
700
#A16802
800
#7E5202
900
#5B3D06
950
#392604

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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