#F30C94

#F30C94

Color Values

HEX

#F30C94

RGB

243, 12, 148

HSL

324.7, 90.6%, 50.0%

HSV

324.7, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 39.1%, 4.7%

OKLCH

0.6328 0.257 354.2

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#F30C94

#0CF36B

Analogous

#DF0CF3

#F30C20

#F30C94

Triadic

#F30C94

#94F30C

#0C94F3

Split Complementary

#F30C94

#20F30C

#0CF3DF

Tetradic

#F30C94

#F3DF0C

#0CF36B

#0C20F3

Color Blindness Simulation

Original

#F30C94

Protanopia

#8F8D73

Deuteranopia

#9CAE6B

Tritanopia

#E75953

Achromatopsia

#474747

CSS Usage

background-color: #F30C94;
color: #F30C94;
border-color: #F30C94;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1F8
100
#FBDFF0
200
#FCBBE1
300
#F98ACC
400
#F64BB0
500
#F30C94
600
#C20A76
700
#9C085F
800
#7A064A
900
#580937
950
#380623

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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