#F00FD4

#F00FD4

Color Values

HEX

#F00FD4

RGB

240, 15, 212

HSL

307.5, 88.2%, 50.0%

HSV

307.5, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 11.7%, 5.9%

OKLCH

0.6569 0.2875 335.1

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F00FD4

#0FF02B

Analogous

#9C0FF0

#F00F63

#F00FD4

Triadic

#F00FD4

#D4F00F

#0FD4F0

Split Complementary

#F00FD4

#63F00F

#0FF09C

Tetradic

#F00FD4

#F09C0F

#0FF02B

#0F63F0

Color Blindness Simulation

Original

#F00FD4

Protanopia

#8F8DA4

Deuteranopia

#9CAC99

Tritanopia

#E57F76

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FBE0F7
200
#FBBCF3
300
#F88CEA
400
#F44DDF
500
#F00FD4
600
#C00CA9
700
#9A0A88
800
#78086A
900
#570A4D
950
#370631

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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