#F30CB2

#F30CB2

Color Values

HEX

#F30CB2

RGB

243, 12, 178

HSL

316.9, 90.6%, 50.0%

HSV

316.9, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 26.7%, 4.7%

OKLCH

0.6448 0.2707 345.0

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#F30CB2

#0CF34D

Analogous

#C10CF3

#F30C3E

#F30CB2

Triadic

#F30CB2

#B2F30C

#0CB2F3

Split Complementary

#F30CB2

#3EF30C

#0CF3C1

Tetradic

#F30CB2

#F3C10C

#0CF34D

#0C3EF3

Color Blindness Simulation

Original

#F30CB2

Protanopia

#8F8D8A

Deuteranopia

#9CAE80

Tritanopia

#E76A63

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FCBBE9
300
#F98ADA
400
#F64BC6
500
#F30CB2
600
#C20A8E
700
#9C0872
800
#7A0659
900
#580942
950
#380629

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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