#F78CF5

#F78CF5

Color Values

HEX

#F78CF5

RGB

247, 140, 245

HSL

301.1, 87.0%, 75.9%

HSV

301.1, 43.3%, 96.9%

CMYK

0.0%, 43.3%, 0.8%, 3.1%

OKLCH

0.7896 0.1818 327.8

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#F78CF5

#8CF78E

Analogous

#C48CF7

#F78CC0

#F78CF5

Triadic

#F78CF5

#F5F78C

#8CF5F7

Split Complementary

#F78CF5

#C0F78C

#8CF7C4

Tetradic

#F78CF5

#F7C48C

#8CF78E

#8CC0F7

Color Blindness Simulation

Original

#F78CF5

Protanopia

#C9C8DC

Deuteranopia

#CFD7D6

Tritanopia

#F2C8C3

Achromatopsia

#AAAAAA

CSS Usage

background-color: #F78CF5;
color: #F78CF5;
border-color: #F78CF5;
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.09:1

AA Fail AAA Fail

Text on black

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