#FC5203

#FC5203

Color Values

HEX

#FC5203

RGB

252, 82, 3

HSL

19.0, 97.6%, 50.0%

HSV

19.0, 98.8%, 98.8%

CMYK

0.0%, 67.5%, 98.8%, 1.2%

OKLCH

0.6679 0.2168 38.2

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FC5203

#03ADFC

Analogous

#FC0331

#FCCE03

#FC5203

Triadic

#FC5203

#03FC52

#5203FC

Split Complementary

#FC5203

#03FCCE

#0331FC

Tetradic

#FC5203

#31FC03

#03ADFC

#CE03FC

Color Blindness Simulation

Original

#FC5203

Protanopia

#B2B116

Deuteranopia

#BCC91B

Tritanopia

#F32529

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FECFB8
300
#FEAC86
400
#FD7F45
500
#FC5203
600
#CA4102
700
#A13402
800
#7E2902
900
#5B2106
950
#391504

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.35:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026