#F30CB6

#F30CB6

Color Values

HEX

#F30CB6

RGB

243, 12, 182

HSL

315.8, 90.6%, 50.0%

HSV

315.8, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 25.1%, 4.7%

OKLCH

0.6466 0.2728 343.9

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F30CB6

#0CF349

Analogous

#BC0CF3

#F30C43

#F30CB6

Triadic

#F30CB6

#B6F30C

#0CB6F3

Split Complementary

#F30CB6

#43F30C

#0CF3BC

Tetradic

#F30CB6

#F3BC0C

#0CF349

#0C43F3

Color Blindness Simulation

Original

#F30CB6

Protanopia

#8F8D8D

Deuteranopia

#9CAE83

Tritanopia

#E76C65

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FCBBEB
300
#F98ADC
400
#F64BC9
500
#F30CB6
600
#C20A92
700
#9C0875
800
#7A065B
900
#580943
950
#38062A

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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