#F708F5

#F708F5

Color Values

HEX

#F708F5

RGB

247, 8, 245

HSL

300.5, 93.7%, 50.0%

HSV

300.5, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 0.8%, 3.1%

OKLCH

0.6849 0.312 328.8

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F708F5

#08F70A

Analogous

#8108F7

#F7087E

#F708F5

Triadic

#F708F5

#F5F708

#08F5F7

Split Complementary

#F708F5

#7EF708

#08F781

Tetradic

#F708F5

#F78108

#08F70A

#087EF7

Color Blindness Simulation

Original

#F708F5

Protanopia

#8F8DBC

Deuteranopia

#9DAFAE

Tritanopia

#EB8E84

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFC
300
#FB88FA
400
#F948F8
500
#F708F5
600
#C606C4
700
#9E059D
800
#7B047A
900
#590859
950
#380538

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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