#F943FE

#F943FE

Color Values

HEX

#F943FE

RGB

249, 67, 254

HSL

298.4, 98.9%, 62.9%

HSV

298.4, 73.6%, 99.6%

CMYK

2.0%, 73.6%, 0.0%, 0.4%

OKLCH

0.717 0.2868 326.9

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#F943FE

#48FE43

Analogous

#9B43FE

#FE43A5

#F943FE

Triadic

#F943FE

#FEF943

#43FEF9

Split Complementary

#F943FE

#A5FE43

#43FE9B

Tetradic

#F943FE

#FE9B43

#48FE43

#43A5FE

Color Blindness Simulation

Original

#F943FE

Protanopia

#AAA9D1

Deuteranopia

#B5C2C6

Tritanopia

#F0ADA5

Achromatopsia

#777777

CSS Usage

background-color: #F943FE;
color: #F943FE;
border-color: #F943FE;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FE
100
#FBDEFC
200
#FDB8FF
300
#FB85FE
400
#F943FE
500
#F701FE
600
#C501CB
700
#9E01A2
800
#7B017F
900
#59055C
950
#38033A

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026