#F150B2

#F150B2

Color Values

HEX

#F150B2

RGB

241, 80, 178

HSL

323.5, 85.2%, 62.9%

HSV

323.5, 66.8%, 94.5%

CMYK

0.0%, 66.8%, 26.1%, 5.5%

OKLCH

0.6803 0.2181 347.0

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F150B2

#50F18F

Analogous

#E050F1

#F15061

#F150B2

Triadic

#F150B2

#B2F150

#50B2F1

Split Complementary

#F150B2

#61F150

#50F1E0

Tetradic

#F150B2

#F1E050

#50F18F

#5061F1

Color Blindness Simulation

Original

#F150B2

Protanopia

#ABAA9A

Deuteranopia

#B5C195

Tritanopia

#E98883

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FAE0F0
200
#FABDE2
300
#F68ECD
400
#F150B2
500
#EC1397
600
#BD0F79
700
#970C61
800
#76094C
900
#560B38
950
#360724

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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