#F151B0

#F151B0

Color Values

HEX

#F151B0

RGB

241, 81, 176

HSL

324.4, 85.1%, 63.1%

HSV

324.4, 66.4%, 94.5%

CMYK

0.0%, 66.4%, 27.0%, 5.5%

OKLCH

0.6805 0.2158 347.8

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F151B0

#51F192

Analogous

#E251F1

#F15160

#F151B0

Triadic

#F151B0

#B0F151

#51B0F1

Split Complementary

#F151B0

#60F151

#51F1E2

Tetradic

#F151B0

#F1E251

#51F192

#5160F1

Color Blindness Simulation

Original

#F151B0

Protanopia

#ACAA99

Deuteranopia

#B5C194

Tritanopia

#E98783

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0F0
200
#FABDE1
300
#F68ECC
400
#F150B0
500
#EC1394
600
#BD0F76
700
#970C5F
800
#76094A
900
#560B37
950
#360723

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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