#F78DF5

#F78DF5

Color Values

HEX

#F78DF5

RGB

247, 141, 245

HSL

301.1, 86.9%, 76.1%

HSV

301.1, 42.9%, 96.9%

CMYK

0.0%, 42.9%, 0.8%, 3.1%

OKLCH

0.791 0.1802 327.8

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#F78DF5

#8DF78F

Analogous

#C48DF7

#F78DC0

#F78DF5

Triadic

#F78DF5

#F5F78D

#8DF5F7

Split Complementary

#F78DF5

#C0F78D

#8DF7C4

Tetradic

#F78DF5

#F7C48D

#8DF78F

#8DC0F7

Color Blindness Simulation

Original

#F78DF5

Protanopia

#C9C8DC

Deuteranopia

#CFD7D6

Tritanopia

#F2C8C4

Achromatopsia

#ABABAB

CSS Usage

background-color: #F78DF5;
color: #F78DF5;
border-color: #F78DF5;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCF9
300
#F78DF5
400
#F34FF0
500
#EE11EA
600
#BF0DBB
700
#990B96
800
#770875
900
#560B55
950
#370736

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.08:1

AA Pass AAA Pass

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