#F150C7

#F150C7

Color Values

HEX

#F150C7

RGB

241, 80, 199

HSL

315.7, 85.2%, 62.9%

HSV

315.7, 66.8%, 94.5%

CMYK

0.0%, 66.8%, 17.4%, 5.5%

OKLCH

0.689 0.2306 339.9

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F150C7

#50F17A

Analogous

#CB50F1

#F15076

#F150C7

Triadic

#F150C7

#C7F150

#50C7F1

Split Complementary

#F150C7

#76F150

#50F1CB

Tetradic

#F150C7

#F1CB50

#50F17A

#5076F1

Color Blindness Simulation

Original

#F150C7

Protanopia

#ABAAAA

Deuteranopia

#B5C1A3

Tritanopia

#E9938E

Achromatopsia

#7B7B7B

CSS Usage

background-color: #F150C7;
color: #F150C7;
border-color: #F150C7;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FA
100
#FAE0F3
200
#FABDEA
300
#F68EDB
400
#F150C7
500
#EC13B3
600
#BD0F8F
700
#970C73
800
#76095A
900
#560B42
950
#36072A

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.71:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026