#F82C07

#F82C07

Color Values

HEX

#F82C07

RGB

248, 44, 7

HSL

9.2, 94.5%, 50.0%

HSV

9.2, 97.2%, 97.3%

CMYK

0.0%, 82.3%, 97.2%, 2.7%

OKLCH

0.6297 0.2385 31.6

Properties

Warm Light Nearest: RAL 2005 Luminous Orange

Color Harmonies

Complementary

#F82C07

#07D3F8

Analogous

#F8075B

#F8A407

#F82C07

Triadic

#F82C07

#07F82C

#2C07F8

Split Complementary

#F82C07

#07F8A4

#075BF8

Tetradic

#F82C07

#5BF807

#07D3F8

#A407F8

Color Blindness Simulation

Original

#F82C07

Protanopia

#A09E10

Deuteranopia

#ACBB12

Tritanopia

#EE1719

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE3DF
200
#FDC4BA
300
#FC9A88
400
#FA6347
500
#F82C07
600
#C62306
700
#9F1C04
800
#7C1604
900
#5A1407
950
#390D05

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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