#F8073F

#F8073F

Color Values

HEX

#F8073F

RGB

248, 7, 63

HSL

346.1, 94.5%, 50.0%

HSV

346.1, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 74.6%, 2.7%

OKLCH

0.6203 0.2475 20.8

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#F8073F

#07F8C0

Analogous

#F807B7

#F84807

#F8073F

Triadic

#F8073F

#3FF807

#073FF8

Split Complementary

#F8073F

#07F848

#07B7F8

Tetradic

#F8073F

#B7F807

#07F8C0

#4807F8

Color Blindness Simulation

Original

#F8073F

Protanopia

#908E31

Deuteranopia

#9EB02E

Tritanopia

#EC2724

Achromatopsia

#3E3E3E

CSS Usage

background-color: #F8073F;
color: #F8073F;
border-color: #F8073F;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF1F4
100
#FBDFE5
200
#FDBAC9
300
#FC88A3
400
#FA4771
500
#F8073F
600
#C60632
700
#9F0428
800
#7C041F
900
#5A071A
950
#390511

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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