#F30CA5

#F30CA5

Color Values

HEX

#F30CA5

RGB

243, 12, 165

HSL

320.3, 90.6%, 50.0%

HSV

320.3, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 32.1%, 4.7%

OKLCH

0.6393 0.2643 348.9

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#F30CA5

#0CF35A

Analogous

#CE0CF3

#F30C31

#F30CA5

Triadic

#F30CA5

#A5F30C

#0CA5F3

Split Complementary

#F30CA5

#31F30C

#0CF3CE

Tetradic

#F30CA5

#F3CE0C

#0CF35A

#0C31F3

Color Blindness Simulation

Original

#F30CA5

Protanopia

#8F8D80

Deuteranopia

#9CAE77

Tritanopia

#E7635C

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FCBBE6
300
#F98AD4
400
#F64BBC
500
#F30CA5
600
#C20A84
700
#9C086A
800
#7A0652
900
#58093D
950
#380627

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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