#F86367

#F86367

Color Values

HEX

#F86367

RGB

248, 99, 103

HSL

358.4, 91.4%, 68.0%

HSV

358.4, 60.1%, 97.3%

CMYK

0.0%, 60.1%, 58.5%, 2.7%

OKLCH

0.6905 0.1829 21.6

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#F86367

#63F8F4

Analogous

#F863B1

#F8A963

#F86367

Triadic

#F86367

#67F863

#6367F8

Split Complementary

#F86367

#63F8A9

#63B1F8

Tetradic

#F86367

#B1F863

#63F8F4

#A963F8

Color Blindness Simulation

Original

#F86367

Protanopia

#B7B666

Deuteranopia

#C0CB66

Tritanopia

#F16565

Achromatopsia

#838383

CSS Usage

background-color: #F86367;
color: #F86367;
border-color: #F86367;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBBBC
300
#FA8A8D
400
#F74A4F
500
#F40B11
600
#C3090E
700
#9C070B
800
#7A0509
900
#58090B
950
#380507

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.97:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026