#F80715

#F80715

Color Values

HEX

#F80715

RGB

248, 7, 21

HSL

356.5, 94.5%, 50.0%

HSV

356.5, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 91.5%, 2.7%

OKLCH

0.6168 0.2502 28.0

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F80715

#07F8EA

Analogous

#F8078E

#F87107

#F80715

Triadic

#F80715

#15F807

#0715F8

Split Complementary

#F80715

#07F871

#078EF8

Tetradic

#F80715

#8EF807

#07F8EA

#7107F8

Color Blindness Simulation

Original

#F80715

Protanopia

#908E12

Deuteranopia

#9EB011

Tritanopia

#EC0F0E

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FDBABD
300
#FC888F
400
#FA4752
500
#F80715
600
#C60611
700
#9F040D
800
#7C040B
900
#5A070C
950
#390508

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026