#FD5F0E

#FD5F0E

Color Values

HEX

#FD5F0E

RGB

253, 95, 14

HSL

20.3, 98.4%, 52.4%

HSV

20.3, 94.5%, 99.2%

CMYK

0.0%, 62.5%, 94.5%, 0.8%

OKLCH

0.6844 0.2068 40.9

Properties

Warm Light Nearest: RAL 2008 Bright Red Orange

Color Harmonies

Complementary

#FD5F0E

#0EACFD

Analogous

#FD0E35

#FDD60E

#FD5F0E

Triadic

#FD5F0E

#0EFD5F

#5F0EFD

Split Complementary

#FD5F0E

#0EFDD6

#0E35FD

Tetradic

#FD5F0E

#35FD0E

#0EACFD

#D60EFD

Color Blindness Simulation

Original

#FD5F0E

Protanopia

#B9B722

Deuteranopia

#C2CE26

Tritanopia

#F53134

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FED0B8
300
#FEAE86
400
#FD8344
500
#FD5702
600
#CA4602
700
#A23801
800
#7E2B01
900
#5B2306
950
#3A1604

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.82:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026