#F30C9D

#F30C9D

Color Values

HEX

#F30C9D

RGB

243, 12, 157

HSL

322.3, 90.6%, 50.0%

HSV

322.3, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 35.4%, 4.7%

OKLCH

0.6362 0.2607 351.3

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F30C9D

#0CF362

Analogous

#D50CF3

#F30C2A

#F30C9D

Triadic

#F30C9D

#9DF30C

#0C9DF3

Split Complementary

#F30C9D

#2AF30C

#0CF3D5

Tetradic

#F30C9D

#F3D50C

#0CF362

#0C2AF3

Color Blindness Simulation

Original

#F30C9D

Protanopia

#8F8D7A

Deuteranopia

#9CAE71

Tritanopia

#E75E58

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF1
200
#FCBBE4
300
#F98AD0
400
#F64BB7
500
#F30C9D
600
#C20A7E
700
#9C0865
800
#7A064F
900
#58093B
950
#380625

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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