#F15199

#F15199

Color Values

HEX

#F15199

RGB

241, 81, 153

HSL

333.0, 85.1%, 63.1%

HSV

333.0, 66.4%, 94.5%

CMYK

0.0%, 66.4%, 36.5%, 5.5%

OKLCH

0.6724 0.2051 356.4

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F15199

#51F1A9

Analogous

#F151E9

#F15951

#F15199

Triadic

#F15199

#99F151

#5199F1

Split Complementary

#F15199

#51F159

#51E9F1

Tetradic

#F15199

#E9F151

#51F1A9

#5951F1

Color Blindness Simulation

Original

#F15199

Protanopia

#ACAA88

Deuteranopia

#B5C183

Tritanopia

#E97A77

Achromatopsia

#787878

CSS Usage

background-color: #F15199;
color: #F15199;
border-color: #F15199;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#FABDD8
300
#F68EBD
400
#F15099
500
#EC1375
600
#BD0F5D
700
#970C4B
800
#76093A
900
#560B2D
950
#36071C

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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