#F151EF

#F151EF

Color Values

HEX

#F151EF

RGB

241, 81, 239

HSL

300.8, 85.1%, 63.1%

HSV

300.8, 66.4%, 94.5%

CMYK

0.0%, 66.4%, 0.8%, 5.5%

OKLCH

0.7091 0.2576 328.4

Properties

Warm Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#F151EF

#51F153

Analogous

#A351F1

#F1519F

#F151EF

Triadic

#F151EF

#EFF151

#51EFF1

Split Complementary

#F151EF

#9FF151

#51F1A3

Tetradic

#F151EF

#F1A351

#51F153

#519FF1

Color Blindness Simulation

Original

#F151EF

Protanopia

#ACAAC9

Deuteranopia

#B5C1C0

Tritanopia

#E9ABA4

Achromatopsia

#7E7E7E

CSS Usage

background-color: #F151EF;
color: #F151EF;
border-color: #F151EF;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDF9
300
#F68EF4
400
#F150EF
500
#EC13E9
600
#BD0FBA
700
#970C95
800
#760975
900
#560B55
950
#360735

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.16:1

AA Pass AAA Pass

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