#F700FF

#F700FF

Color Values

HEX

#F700FF

RGB

247, 0, 255

HSL

298.1, 100.0%, 50.0%

HSV

298.1, 100.0%, 100.0%

CMYK

3.1%, 100.0%, 0.0%, 0.0%

OKLCH

0.6897 0.3198 326.6

Properties

Cool Light Nearest: magenta

Color Harmonies

Complementary

#F700FF

#08FF00

Analogous

#7700FF

#FF0088

#F700FF

Triadic

#F700FF

#FFF700

#00FFF7

Split Complementary

#F700FF

#88FF00

#00FF77

Tetradic

#F700FF

#FF7700

#08FF00

#0088FF

Color Blindness Simulation

Original

#F700FF

Protanopia

#8C8AC1

Deuteranopia

#9AADB2

Tritanopia

#EB9186

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDEFC
200
#FDB8FF
300
#FB85FF
400
#F942FF
500
#F700FF
600
#C600CC
700
#9E00A3
800
#7B0080
900
#59055C
950
#38033A

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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