#F30CD9

#F30CD9

Color Values

HEX

#F30CD9

RGB

243, 12, 217

HSL

306.8, 90.6%, 50.0%

HSV

306.8, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 10.7%, 4.7%

OKLCH

0.6637 0.2925 334.5

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F30CD9

#0CF326

Analogous

#9A0CF3

#F30C65

#F30CD9

Triadic

#F30CD9

#D9F30C

#0CD9F3

Split Complementary

#F30CD9

#65F30C

#0CF39A

Tetradic

#F30CD9

#F39A0C

#0CF326

#0C65F3

Color Blindness Simulation

Original

#F30CD9

Protanopia

#8F8DA7

Deuteranopia

#9CAE9B

Tritanopia

#E78078

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBBF4
300
#F98AED
400
#F64BE3
500
#F30CD9
600
#C20AAD
700
#9C088B
800
#7A066C
900
#58094F
950
#380632

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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