#F30C97

#F30C97

Color Values

HEX

#F30C97

RGB

243, 12, 151

HSL

323.9, 90.6%, 50.0%

HSV

323.9, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 37.9%, 4.7%

OKLCH

0.6339 0.2582 353.2

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#F30C97

#0CF368

Analogous

#DC0CF3

#F30C23

#F30C97

Triadic

#F30C97

#97F30C

#0C97F3

Split Complementary

#F30C97

#23F30C

#0CF3DC

Tetradic

#F30C97

#F3DC0C

#0CF368

#0C23F3

Color Blindness Simulation

Original

#F30C97

Protanopia

#8F8D75

Deuteranopia

#9CAE6D

Tritanopia

#E75B55

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FCBBE2
300
#F98ACD
400
#F64BB2
500
#F30C97
600
#C20A79
700
#9C0861
800
#7A064B
900
#580938
950
#380624

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

5.31:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026