#F122EE

#F122EE

Color Values

HEX

#F122EE

RGB

241, 34, 238

HSL

300.9, 88.1%, 53.9%

HSV

300.9, 85.9%, 94.5%

CMYK

0.0%, 85.9%, 1.2%, 5.5%

OKLCH

0.6783 0.2966 329.0

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F122EE

#22F125

Analogous

#8D22F1

#F12286

#F122EE

Triadic

#F122EE

#EEF122

#22EEF1

Split Complementary

#F122EE

#86F122

#22F18D

Tetradic

#F122EE

#F18D22

#22F125

#2286F1

Color Blindness Simulation

Original

#F122EE

Protanopia

#9796BD

Deuteranopia

#A3B3B1

Tritanopia

#E7968D

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBCFA
300
#F88CF6
400
#F44EF1
500
#F00FEC
600
#C00CBD
700
#990A97
800
#780876
900
#570A56
950
#370636

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.2:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026