#FC3E03

#FC3E03

Color Values

HEX

#FC3E03

RGB

252, 62, 3

HSL

14.2, 97.6%, 50.0%

HSV

14.2, 98.8%, 98.8%

CMYK

0.0%, 75.4%, 98.8%, 1.2%

OKLCH

0.6492 0.2313 34.2

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FC3E03

#03C1FC

Analogous

#FC0345

#FCBA03

#FC3E03

Triadic

#FC3E03

#03FC3E

#3E03FC

Split Complementary

#FC3E03

#03FCBA

#0345FC

Tetradic

#FC3E03

#45FC03

#03C1FC

#BA03FC

Color Blindness Simulation

Original

#FC3E03

Protanopia

#AAA811

Deuteranopia

#B5C315

Tritanopia

#F21D1F

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC9B8
300
#FEA286
400
#FD7045
500
#FC3E03
600
#CA3202
700
#A12802
800
#7E1F02
900
#5B1A06
950
#391004

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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