#F150C5

#F150C5

Color Values

HEX

#F150C5

RGB

241, 80, 197

HSL

316.4, 85.2%, 62.9%

HSV

316.4, 66.8%, 94.5%

CMYK

0.0%, 66.8%, 18.3%, 5.5%

OKLCH

0.6881 0.2294 340.5

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F150C5

#50F17C

Analogous

#CC50F1

#F15074

#F150C5

Triadic

#F150C5

#C5F150

#50C5F1

Split Complementary

#F150C5

#74F150

#50F1CC

Tetradic

#F150C5

#F1CC50

#50F17C

#5074F1

Color Blindness Simulation

Original

#F150C5

Protanopia

#ABAAA9

Deuteranopia

#B5C1A2

Tritanopia

#E9928D

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE0F3
200
#FABDE9
300
#F68ED9
400
#F150C5
500
#EC13B1
600
#BD0F8D
700
#970C71
800
#760958
900
#560B41
950
#360729

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.69:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026