#FC3503

#FC3503

Color Values

HEX

#FC3503

RGB

252, 53, 3

HSL

12.0, 97.6%, 50.0%

HSV

12.0, 98.8%, 98.8%

CMYK

0.0%, 79.0%, 98.8%, 1.2%

OKLCH

0.6425 0.237 32.8

Properties

Warm Light Nearest: RAL 2005 Luminous Orange

Color Harmonies

Complementary

#FC3503

#03CAFC

Analogous

#FC034E

#FCB103

#FC3503

Triadic

#FC3503

#03FC35

#3503FC

Split Complementary

#FC3503

#03FCB1

#034EFC

Tetradic

#FC3503

#4EFC03

#03CAFC

#B103FC

Color Blindness Simulation

Original

#FC3503

Protanopia

#A6A40F

Deuteranopia

#B1C012

Tritanopia

#F2191B

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE4DE
200
#FEC6B8
300
#FE9E86
400
#FD6945
500
#FC3503
600
#CA2A02
700
#A12202
800
#7E1A02
900
#5B1706
950
#390E04

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026