#F17F87

#F17F87

Color Values

HEX

#F17F87

RGB

241, 127, 135

HSL

355.8, 80.3%, 72.2%

HSV

355.8, 47.3%, 94.5%

CMYK

0.0%, 47.3%, 44.0%, 5.5%

OKLCH

0.726 0.1398 16.8

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F17F87

#7FF1E9

Analogous

#F17FC0

#F1B07F

#F17F87

Triadic

#F17F87

#87F17F

#7F87F1

Split Complementary

#F17F87

#7FF1B0

#7FC0F1

Tetradic

#F17F87

#C0F17F

#7FF1E9

#B07FF1

Color Blindness Simulation

Original

#F17F87

Protanopia

#C0BF85

Deuteranopia

#C6CF85

Tritanopia

#EB8483

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#F9E1E3
200
#F8BFC3
300
#F39198
400
#EC555F
500
#E61927
600
#B81420
700
#931019
800
#730D14
900
#530D12
950
#35080C

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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