#F83107

#F83107

Color Values

HEX

#F83107

RGB

248, 49, 7

HSL

10.5, 94.5%, 50.0%

HSV

10.5, 97.2%, 97.3%

CMYK

0.0%, 80.2%, 97.2%, 2.7%

OKLCH

0.6328 0.2357 32.2

Properties

Warm Light Nearest: RAL 2005 Luminous Orange

Color Harmonies

Complementary

#F83107

#07CEF8

Analogous

#F80755

#F8AA07

#F83107

Triadic

#F83107

#07F831

#3107F8

Split Complementary

#F83107

#07F8AA

#0755F8

Tetradic

#F83107

#55F807

#07CEF8

#AA07F8

Color Blindness Simulation

Original

#F83107

Protanopia

#A2A011

Deuteranopia

#ADBC14

Tritanopia

#EE191B

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE4DF
200
#FDC5BA
300
#FC9C88
400
#FA6747
500
#F83107
600
#C62706
700
#9F1F04
800
#7C1904
900
#5A1607
950
#390E05

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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