#F17F76

#F17F76

Color Values

HEX

#F17F76

RGB

241, 127, 118

HSL

4.4, 81.5%, 70.4%

HSV

4.4, 51.0%, 94.5%

CMYK

0.0%, 47.3%, 51.0%, 5.5%

OKLCH

0.7223 0.1415 25.8

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#F17F76

#76E8F1

Analogous

#F176AA

#F1BD76

#F17F76

Triadic

#F17F76

#76F17F

#7F76F1

Split Complementary

#F17F76

#76F1BD

#76AAF1

Tetradic

#F17F76

#AAF176

#76E8F1

#BD76F1

Color Blindness Simulation

Original

#F17F76

Protanopia

#C0BF78

Deuteranopia

#C6CF79

Tritanopia

#EB7A7A

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F8C2BE
300
#F49790
400
#EE5F54
500
#E72718
600
#B91F13
700
#94190F
800
#74130C
900
#54120D
950
#350B08

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026