#FD4102

#FD4102

Color Values

HEX

#FD4102

RGB

253, 65, 2

HSL

15.1, 98.4%, 50.0%

HSV

15.1, 99.2%, 99.2%

CMYK

0.0%, 74.3%, 99.2%, 0.8%

OKLCH

0.6534 0.2302 34.7

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FD4102

#02BEFD

Analogous

#FD0240

#FDBF02

#FD4102

Triadic

#FD4102

#02FD41

#4102FD

Split Complementary

#FD4102

#02FDBF

#0240FD

Tetradic

#FD4102

#40FD02

#02BEFD

#BF02FD

Color Blindness Simulation

Original

#FD4102

Protanopia

#ACAA11

Deuteranopia

#B6C515

Tritanopia

#F41D20

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FECAB8
300
#FEA486
400
#FD7344
500
#FD4102
600
#CA3402
700
#A22A01
800
#7E2101
900
#5B1B06
950
#3A1104

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026