#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

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