#F222C4

#F222C4

Color Values

HEX

#F222C4

RGB

242, 34, 196

HSL

313.3, 88.9%, 54.1%

HSV

313.3, 86.0%, 94.9%

CMYK

0.0%, 86.0%, 19.0%, 5.1%

OKLCH

0.6578 0.2711 339.9

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F222C4

#22F250

Analogous

#B822F2

#F2225C

#F222C4

Triadic

#F222C4

#C4F222

#22C4F2

Split Complementary

#F222C4

#5CF222

#22F2B8

Tetradic

#F222C4

#F2B822

#22F250

#225CF2

Color Blindness Simulation

Original

#F222C4

Protanopia

#98969D

Deuteranopia

#A4B493

Tritanopia

#E87E77

Achromatopsia

#5A5A5A

CSS Usage

background-color: #F222C4;
color: #F222C4;
border-color: #F222C4;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FB
100
#FBE0F5
200
#FBBCED
300
#F88BE0
400
#F54DCF
500
#F10EBF
600
#C10B98
700
#9A097A
800
#78075F
900
#570A46
950
#37062C

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.8:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026