#F86C6F

#F86C6F

Color Values

HEX

#F86C6F

RGB

248, 108, 111

HSL

358.7, 90.9%, 69.8%

HSV

358.7, 56.5%, 97.3%

CMYK

0.0%, 56.5%, 55.2%, 2.7%

OKLCH

0.7035 0.1721 21.3

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F86C6F

#6CF8F5

Analogous

#F86CB5

#F8AF6C

#F86C6F

Triadic

#F86C6F

#6FF86C

#6C6FF8

Split Complementary

#F86C6F

#6CF8AF

#6CB5F8

Tetradic

#F86C6F

#B5F86C

#6CF8F5

#AF6CF8

Color Blindness Simulation

Original

#F86C6F

Protanopia

#BBBA6E

Deuteranopia

#C4CE6E

Tritanopia

#F16E6E

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBBBC
300
#F98A8D
400
#F64B4F
500
#F30C11
600
#C3090D
700
#9C070B
800
#7A0608
900
#58090B
950
#380607

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.37:1

AA Pass AAA Pass

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