#F689FA

#F689FA

Color Values

HEX

#F689FA

RGB

246, 137, 250

HSL

297.9, 91.9%, 75.9%

HSV

297.9, 45.2%, 98.0%

CMYK

1.6%, 45.2%, 0.0%, 2.0%

OKLCH

0.7864 0.1906 325.9

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F689FA

#8DFA89

Analogous

#BE89FA

#FA89C5

#F689FA

Triadic

#F689FA

#FAF689

#89FAF6

Split Complementary

#F689FA

#C5FA89

#89FABE

Tetradic

#F689FA

#FABE89

#8DFA89

#89C5FA

Color Blindness Simulation

Original

#F689FA

Protanopia

#C7C6DF

Deuteranopia

#CDD5D8

Tritanopia

#F1C9C4

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFC
300
#F68AFA
400
#F14AF7
500
#EC0AF5
600
#BD08C4
700
#97079D
800
#76057A
900
#560859
950
#360538

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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