#F86F7A

#F86F7A

Color Values

HEX

#F86F7A

RGB

248, 111, 122

HSL

355.2, 90.7%, 70.4%

HSV

355.2, 55.2%, 97.3%

CMYK

0.0%, 55.2%, 50.8%, 2.7%

OKLCH

0.7098 0.168 17.5

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#F86F7A

#6FF8ED

Analogous

#F86FBE

#F8A96F

#F86F7A

Triadic

#F86F7A

#7AF86F

#6F7AF8

Split Complementary

#F86F7A

#6FF8A9

#6FBEF8

Tetradic

#F86F7A

#BEF86F

#6FF8ED

#A96FF8

Color Blindness Simulation

Original

#F86F7A

Protanopia

#BDBB77

Deuteranopia

#C5CF77

Tritanopia

#F17575

Achromatopsia

#8D8D8D

CSS Usage

background-color: #F86F7A;
color: #F86F7A;
border-color: #F86F7A;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF1F2
100
#FBDFE2
200
#FCBBC0
300
#F98A93
400
#F64B59
500
#F30C1E
600
#C30918
700
#9C0813
800
#7A060F
900
#58090F
950
#38060A

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.55:1

AA Pass AAA Pass

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