#FC5303

#FC5303

Color Values

HEX

#FC5303

RGB

252, 83, 3

HSL

19.3, 97.6%, 50.0%

HSV

19.3, 98.8%, 98.8%

CMYK

0.0%, 67.1%, 98.8%, 1.2%

OKLCH

0.669 0.216 38.4

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FC5303

#03ACFC

Analogous

#FC032F

#FCD003

#FC5303

Triadic

#FC5303

#03FC53

#5303FC

Split Complementary

#FC5303

#03FCD0

#032FFC

Tetradic

#FC5303

#2FFC03

#03ACFC

#D003FC

Color Blindness Simulation

Original

#FC5303

Protanopia

#B3B116

Deuteranopia

#BDC91B

Tritanopia

#F42629

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FECFB8
300
#FEAC86
400
#FD8045
500
#FC5303
600
#CA4202
700
#A13502
800
#7E2A02
900
#5B2106
950
#391504

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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