#F0686B

#F0686B

Color Values

HEX

#F0686B

RGB

240, 104, 107

HSL

358.7, 81.9%, 67.5%

HSV

358.7, 56.7%, 94.1%

CMYK

0.0%, 56.7%, 55.4%, 5.9%

OKLCH

0.6859 0.1682 21.3

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F0686B

#68F0ED

Analogous

#F068AF

#F0A968

#F0686B

Triadic

#F0686B

#6BF068

#686BF0

Split Complementary

#F0686B

#68F0A9

#68AFF0

Tetradic

#F0686B

#AFF068

#68F0ED

#A968F0

Color Blindness Simulation

Original

#F0686B

Protanopia

#B5B46A

Deuteranopia

#BDC76A

Tritanopia

#E96A6A

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E1
200
#F9BEBF
300
#F49092
400
#EE5357
500
#E8171C
600
#BA1216
700
#940F12
800
#740C0E
900
#540D0E
950
#350809

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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