#F687FD

#F687FD

Color Values

HEX

#F687FD

RGB

246, 135, 253

HSL

296.4, 96.7%, 76.1%

HSV

296.4, 46.6%, 99.2%

CMYK

2.8%, 46.6%, 0.0%, 0.8%

OKLCH

0.7849 0.1965 325.0

Properties

Cool Light Nearest: orchid 1

Color Harmonies

Complementary

#F687FD

#8EFD87

Analogous

#BB87FD

#FD87C9

#F687FD

Triadic

#F687FD

#FDF687

#87FDF6

Split Complementary

#F687FD

#C9FD87

#87FDBB

Tetradic

#F687FD

#FDBB87

#8EFD87

#87C9FD

Color Blindness Simulation

Original

#F687FD

Protanopia

#C6C5E0

Deuteranopia

#CCD5DA

Tritanopia

#F0CAC5

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#FAB9FE
300
#F687FD
400
#F145FC
500
#EC04FB
600
#BD03C9
700
#9703A1
800
#76027D
900
#56065B
950
#360439

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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