#F05C0F

#F05C0F

Color Values

HEX

#F05C0F

RGB

240, 92, 15

HSL

20.5, 88.2%, 50.0%

HSV

20.5, 93.8%, 94.1%

CMYK

0.0%, 61.7%, 93.8%, 5.9%

OKLCH

0.6605 0.1966 41.4

Properties

Warm Light Nearest: RAL 2008 Bright Red Orange

Color Harmonies

Complementary

#F05C0F

#0FA3F0

Analogous

#F00F33

#F0CC0F

#F05C0F

Triadic

#F05C0F

#0FF05C

#5C0FF0

Split Complementary

#F05C0F

#0FF0CC

#0F33F0

Tetradic

#F05C0F

#33F00F

#0FA3F0

#CC0FF0

Color Blindness Simulation

Original

#F05C0F

Protanopia

#B0AF22

Deuteranopia

#B8C426

Tritanopia

#E93034

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FBE9E0
200
#FBD1BC
300
#F8B18C
400
#F4864D
500
#F05C0F
600
#C04A0C
700
#9A3B0A
800
#782E08
900
#57240A
950
#371706

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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