#F15072

#F15072

Color Values

HEX

#F15072

RGB

241, 80, 114

HSL

347.3, 85.2%, 62.9%

HSV

347.3, 66.8%, 94.5%

CMYK

0.0%, 66.8%, 52.7%, 5.5%

OKLCH

0.6604 0.1968 11.9

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F15072

#50F1CF

Analogous

#F150C3

#F17E50

#F15072

Triadic

#F15072

#72F150

#5072F1

Split Complementary

#F15072

#50F17E

#50C3F1

Tetradic

#F15072

#C3F150

#50F1CF

#7E50F1

Color Blindness Simulation

Original

#F15072

Protanopia

#ABAA6A

Deuteranopia

#B5C168

Tritanopia

#E96362

Achromatopsia

#757575

CSS Usage

background-color: #F15072;
color: #F15072;
border-color: #F15072;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F4
100
#FAE0E6
200
#FABDCA
300
#F68EA4
400
#F15072
500
#EC1341
600
#BD0F34
700
#970C2A
800
#760920
900
#560B1B
950
#360711

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.13:1

AA Pass AAA Fail

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