#F708E3

#F708E3

Color Values

HEX

#F708E3

RGB

247, 8, 227

HSL

305.0, 93.7%, 50.0%

HSV

305.0, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 8.1%, 3.1%

OKLCH

0.6747 0.3009 332.9

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F708E3

#08F71C

Analogous

#9308F7

#F7086C

#F708E3

Triadic

#F708E3

#E3F708

#08E3F7

Split Complementary

#F708E3

#6CF708

#08F793

Tetradic

#F708E3

#F79308

#08F71C

#086CF7

Color Blindness Simulation

Original

#F708E3

Protanopia

#8F8DAE

Deuteranopia

#9DAFA1

Tritanopia

#EB847B

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FDBAF7
300
#FB88F2
400
#F948EA
500
#F708E3
600
#C606B6
700
#9E0591
800
#7B0472
900
#590852
950
#380534

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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