#F136EF

#F136EF

Color Values

HEX

#F136EF

RGB

241, 54, 239

HSL

300.6, 87.0%, 57.8%

HSV

300.6, 77.6%, 94.5%

CMYK

0.0%, 77.6%, 0.8%, 5.5%

OKLCH

0.6887 0.2841 328.6

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F136EF

#36F138

Analogous

#9536F1

#F13692

#F136EF

Triadic

#F136EF

#EFF136

#36EFF1

Split Complementary

#F136EF

#92F136

#36F195

Tetradic

#F136EF

#F19536

#36F138

#3692F1

Color Blindness Simulation

Original

#F136EF

Protanopia

#A09EC2

Deuteranopia

#ABB9B7

Tritanopia

#E89F97

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCFA
300
#F78DF6
400
#F34FF1
500
#EE11EC
600
#BF0DBD
700
#990B97
800
#770876
900
#560B56
950
#370736

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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