#F688FC

#F688FC

Color Values

HEX

#F688FC

RGB

246, 136, 252

HSL

296.9, 95.1%, 76.1%

HSV

296.9, 46.0%, 98.8%

CMYK

2.4%, 46.0%, 0.0%, 1.2%

OKLCH

0.7859 0.194 325.3

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F688FC

#8EFC88

Analogous

#BC88FC

#FC88C8

#F688FC

Triadic

#F688FC

#FCF688

#88FCF6

Split Complementary

#F688FC

#C8FC88

#88FCBC

Tetradic

#F688FC

#FCBC88

#8EFC88

#88C8FC

Color Blindness Simulation

Original

#F688FC

Protanopia

#C6C5E0

Deuteranopia

#CDD5D9

Tritanopia

#F0CAC5

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADFFC
200
#FAB9FD
300
#F688FC
400
#F147FA
500
#EC06F9
600
#BD05C7
700
#97049F
800
#76037C
900
#56075A
950
#360439

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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