#F286FE

#F286FE

Color Values

HEX

#F286FE

RGB

242, 134, 254

HSL

294.0, 98.4%, 76.1%

HSV

294.0, 47.2%, 99.6%

CMYK

4.7%, 47.2%, 0.0%, 0.4%

OKLCH

0.7794 0.1967 323.5

Properties

Cool Light Nearest: orchid 1

Color Harmonies

Complementary

#F286FE

#92FE86

Analogous

#B686FE

#FE86CE

#F286FE

Triadic

#F286FE

#FEF286

#86FEF2

Split Complementary

#F286FE

#CEFE86

#86FEB6

Tetradic

#F286FE

#FEB686

#92FE86

#86CEFE

Color Blindness Simulation

Original

#F286FE

Protanopia

#C3C2E1

Deuteranopia

#CAD2DA

Tritanopia

#EDCAC5

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F9DEFC
200
#F7B8FE
300
#F286FE
400
#EB44FD
500
#E402FD
600
#B602CA
700
#9201A2
800
#72017E
900
#53065B
950
#34043A

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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