#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026