#F370F0

#F370F0

Color Values

HEX

#F370F0

RGB

243, 112, 240

HSL

301.4, 84.5%, 69.6%

HSV

301.4, 53.9%, 95.3%

CMYK

0.0%, 53.9%, 1.2%, 4.7%

OKLCH

0.7453 0.2185 328.4

Properties

Warm Light Nearest: Shocking Pink

Color Harmonies

Complementary

#F370F0

#70F373

Analogous

#B570F3

#F370AE

#F370F0

Triadic

#F370F0

#F0F370

#70F0F3

Split Complementary

#F370F0

#AEF370

#70F3B5

Tetradic

#F370F0

#F3B570

#70F373

#70AEF3

Color Blindness Simulation

Original

#F370F0

Protanopia

#BAB9D1

Deuteranopia

#C2CCCA

Tritanopia

#ECB9B3

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0F9
200
#F9BDF8
300
#F68EF3
400
#F051ED
500
#EB14E6
600
#BC10B8
700
#970D93
800
#760A73
900
#550C54
950
#360735

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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