#F3047B

#F3047B

Color Values

HEX

#F3047B

RGB

243, 4, 123

HSL

330.1, 96.8%, 48.4%

HSV

330.1, 98.4%, 95.3%

CMYK

0.0%, 98.4%, 49.4%, 4.7%

OKLCH

0.6233 0.2505 2.1

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F3047B

#04F37C

Analogous

#F304F2

#F30404

#F3047B

Triadic

#F3047B

#7BF304

#047BF3

Split Complementary

#F3047B

#04F304

#04F2F3

Tetradic

#F3047B

#F2F304

#04F37C

#0404F3

Color Blindness Simulation

Original

#F3047B

Protanopia

#8B895E

Deuteranopia

#99AB57

Tritanopia

#E74742

Achromatopsia

#3F3F3F

CSS Usage

background-color: #F3047B;
color: #F3047B;
border-color: #F3047B;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB9DB
300
#FD87C2
400
#FC45A0
500
#FB047F
600
#C90366
700
#A10351
800
#7D0240
900
#5B0630
950
#39041F

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.11:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026