#F58EF4

#F58EF4

Color Values

HEX

#F58EF4

RGB

245, 142, 244

HSL

300.6, 83.7%, 75.9%

HSV

300.6, 42.0%, 96.1%

CMYK

0.0%, 42.0%, 0.4%, 3.9%

OKLCH

0.7897 0.1764 327.4

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#F58EF4

#8EF58F

Analogous

#C38EF5

#F58EC1

#F58EF4

Triadic

#F58EF4

#F4F58E

#8EF4F5

Split Complementary

#F58EF4

#C1F58E

#8EF5C3

Tetradic

#F58EF4

#F5C38E

#8EF58F

#8EC1F5

Color Blindness Simulation

Original

#F58EF4

Protanopia

#C8C8DB

Deuteranopia

#CED6D5

Tritanopia

#F0C8C4

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BDF9
300
#F58FF4
400
#F052EE
500
#EA15E8
600
#BB11BA
700
#960D95
800
#750A74
900
#550C54
950
#360835

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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