#F68DF4

#F68DF4

Color Values

HEX

#F68DF4

RGB

246, 141, 244

HSL

301.1, 85.4%, 75.9%

HSV

301.1, 42.7%, 96.5%

CMYK

0.0%, 42.7%, 0.8%, 3.5%

OKLCH

0.7894 0.1786 327.8

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#F68DF4

#8DF68F

Analogous

#C38DF6

#F68DC0

#F68DF4

Triadic

#F68DF4

#F4F68D

#8DF4F6

Split Complementary

#F68DF4

#C0F68D

#8DF6C3

Tetradic

#F68DF4

#F6C38D

#8DF68F

#8DC0F6

Color Blindness Simulation

Original

#F68DF4

Protanopia

#C9C8DB

Deuteranopia

#CFD6D5

Tritanopia

#F1C7C3

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDF9
300
#F68EF4
400
#F150EE
500
#EC13E8
600
#BD0FBA
700
#970C95
800
#760974
900
#560B54
950
#360735

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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