#F30CB0

#F30CB0

Color Values

HEX

#F30CB0

RGB

243, 12, 176

HSL

317.4, 90.6%, 50.0%

HSV

317.4, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 27.6%, 4.7%

OKLCH

0.6439 0.2697 345.6

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#F30CB0

#0CF34F

Analogous

#C20CF3

#F30C3D

#F30CB0

Triadic

#F30CB0

#B0F30C

#0CB0F3

Split Complementary

#F30CB0

#3DF30C

#0CF3C2

Tetradic

#F30CB0

#F3C20C

#0CF34F

#0C3DF3

Color Blindness Simulation

Original

#F30CB0

Protanopia

#8F8D88

Deuteranopia

#9CAE7F

Tritanopia

#E76962

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FCBBE9
300
#F98AD9
400
#F64BC5
500
#F30CB0
600
#C20A8D
700
#9C0871
800
#7A0658
900
#580941
950
#380629

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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