#FC5C03

#FC5C03

Color Values

HEX

#FC5C03

RGB

252, 92, 3

HSL

21.4, 97.6%, 50.0%

HSV

21.4, 98.8%, 98.8%

CMYK

0.0%, 63.5%, 98.8%, 1.2%

OKLCH

0.679 0.209 40.8

Properties

Warm Light Nearest: orangered 2

Color Harmonies

Complementary

#FC5C03

#03A3FC

Analogous

#FC0327

#FCD803

#FC5C03

Triadic

#FC5C03

#03FC5C

#5C03FC

Split Complementary

#FC5C03

#03FCD8

#0327FC

Tetradic

#FC5C03

#27FC03

#03A3FC

#D803FC

Color Blindness Simulation

Original

#FC5C03

Protanopia

#B7B519

Deuteranopia

#C0CC1E

Tritanopia

#F42A2D

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCE9DE
200
#FED1B8
300
#FEB186
400
#FD8645
500
#FC5C03
600
#CA4902
700
#A13B02
800
#7E2E02
900
#5B2406
950
#391704

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.67:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026