#F81007

#F81007

Color Values

HEX

#F81007

RGB

248, 16, 7

HSL

2.2, 94.5%, 50.0%

HSV

2.2, 97.2%, 97.3%

CMYK

0.0%, 93.5%, 97.2%, 2.7%

OKLCH

0.6181 0.2491 29.4

Properties

Warm Light Nearest: RAL 3024 Luminous Red

Color Harmonies

Complementary

#F81007

#07EFF8

Analogous

#F80777

#F88807

#F81007

Triadic

#F81007

#07F810

#1007F8

Split Complementary

#F81007

#07F888

#0777F8

Tetradic

#F81007

#77F807

#07EFF8

#8807F8

Color Blindness Simulation

Original

#F81007

Protanopia

#939209

Deuteranopia

#A1B20A

Tritanopia

#EC0B0B

Achromatopsia

#414141

CSS Usage

background-color: #F81007;
color: #F81007;
border-color: #F81007;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FDBCBA
300
#FC8C88
400
#FA4E47
500
#F81007
600
#C60D06
700
#9F0A04
800
#7C0804
900
#5A0A07
950
#390605

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026