#F17882

#F17882

Color Values

HEX

#F17882

RGB

241, 120, 130

HSL

355.0, 81.2%, 70.8%

HSV

355.0, 50.2%, 94.5%

CMYK

0.0%, 50.2%, 46.1%, 5.5%

OKLCH

0.7145 0.1488 16.4

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F17882

#78F1E7

Analogous

#F178BF

#F1AA78

#F17882

Triadic

#F17882

#82F178

#7882F1

Split Complementary

#F17882

#78F1AA

#78BFF1

Tetradic

#F17882

#BFF178

#78F1E7

#AA78F1

Color Blindness Simulation

Original

#F17882

Protanopia

#BDBC80

Deuteranopia

#C4CD7F

Tritanopia

#EB7E7D

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#F9E1E3
200
#F8BEC3
300
#F39098
400
#ED5461
500
#E71829
600
#B91321
700
#940F1A
800
#740C15
900
#540D13
950
#35080C

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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