#F689FB

#F689FB

Color Values

HEX

#F689FB

RGB

246, 137, 251

HSL

297.4, 93.4%, 76.1%

HSV

297.4, 45.4%, 98.4%

CMYK

2.0%, 45.4%, 0.0%, 1.6%

OKLCH

0.7868 0.1915 325.6

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F689FB

#8EFB89

Analogous

#BD89FB

#FB89C7

#F689FB

Triadic

#F689FB

#FBF689

#89FBF6

Split Complementary

#F689FB

#C7FB89

#89FBBD

Tetradic

#F689FB

#FBBD89

#8EFB89

#89C7FB

Color Blindness Simulation

Original

#F689FB

Protanopia

#C7C6DF

Deuteranopia

#CDD5D9

Tritanopia

#F1CAC5

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFD
300
#F689FB
400
#F149F9
500
#EC08F7
600
#BD07C5
700
#97059E
800
#76047B
900
#560859
950
#360538

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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