#F30CD4

#F30CD4

Color Values

HEX

#F30CD4

RGB

243, 12, 212

HSL

308.1, 90.6%, 50.0%

HSV

308.1, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 12.8%, 4.7%

OKLCH

0.6611 0.2895 335.8

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F30CD4

#0CF32B

Analogous

#9F0CF3

#F30C60

#F30CD4

Triadic

#F30CD4

#D4F30C

#0CD4F3

Split Complementary

#F30CD4

#60F30C

#0CF39F

Tetradic

#F30CD4

#F39F0C

#0CF32B

#0C60F3

Color Blindness Simulation

Original

#F30CD4

Protanopia

#8F8DA4

Deuteranopia

#9CAE98

Tritanopia

#E77D75

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FCBBF3
300
#F98AEA
400
#F64BDF
500
#F30CD4
600
#C20AA9
700
#9C0888
800
#7A066A
900
#58094D
950
#380631

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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