#F30CB9

#F30CB9

Color Values

HEX

#F30CB9

RGB

243, 12, 185

HSL

315.1, 90.6%, 50.0%

HSV

315.1, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 23.9%, 4.7%

OKLCH

0.6479 0.2743 343.0

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F30CB9

#0CF346

Analogous

#BA0CF3

#F30C45

#F30CB9

Triadic

#F30CB9

#B9F30C

#0CB9F3

Split Complementary

#F30CB9

#45F30C

#0CF3BA

Tetradic

#F30CB9

#F3BA0C

#0CF346

#0C45F3

Color Blindness Simulation

Original

#F30CB9

Protanopia

#8F8D8F

Deuteranopia

#9CAE85

Tritanopia

#E76E67

Achromatopsia

#4A4A4A

CSS Usage

background-color: #F30CB9;
color: #F30CB9;
border-color: #F30CB9;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FCBBEB
300
#F98ADD
400
#F64BCB
500
#F30CB9
600
#C20A94
700
#9C0876
800
#7A065C
900
#580944
950
#38062B

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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