#F40FF3

#F40FF3

Color Values

HEX

#F40FF3

RGB

244, 15, 243

HSL

300.3, 91.2%, 50.8%

HSV

300.3, 93.9%, 95.7%

CMYK

0.0%, 93.9%, 0.4%, 4.3%

OKLCH

0.6803 0.3082 328.6

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F40FF3

#0FF410

Analogous

#830FF4

#F40F80

#F40FF3

Triadic

#F40FF3

#F3F40F

#0FF3F4

Split Complementary

#F40FF3

#80F40F

#0FF483

Tetradic

#F40FF3

#F4830F

#0FF410

#0F80F4

Color Blindness Simulation

Original

#F40FF3

Protanopia

#918FBC

Deuteranopia

#9EAFAF

Tritanopia

#E99087

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFC
300
#FA8AF9
400
#F74BF6
500
#F40BF3
600
#C309C2
700
#9C079B
800
#7A0679
900
#580958
950
#380537

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.21:1

AA Pass AAA Fail

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