#F30CBF

#F30CBF

Color Values

HEX

#F30CBF

RGB

243, 12, 191

HSL

313.5, 90.6%, 50.0%

HSV

313.5, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 21.4%, 4.7%

OKLCH

0.6507 0.2776 341.3

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F30CBF

#0CF340

Analogous

#B30CF3

#F30C4C

#F30CBF

Triadic

#F30CBF

#BFF30C

#0CBFF3

Split Complementary

#F30CBF

#4CF30C

#0CF3B3

Tetradic

#F30CBF

#F3B30C

#0CF340

#0C4CF3

Color Blindness Simulation

Original

#F30CBF

Protanopia

#8F8D94

Deuteranopia

#9CAE89

Tritanopia

#E7716A

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF5
200
#FCBBED
300
#F98AE0
400
#F64BD0
500
#F30CBF
600
#C20A99
700
#9C087A
800
#7A0660
900
#580946
950
#38062C

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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