#F2047C

#F2047C

Color Values

HEX

#F2047C

RGB

242, 4, 124

HSL

329.7, 96.7%, 48.2%

HSV

329.7, 98.3%, 94.9%

CMYK

0.0%, 98.3%, 48.8%, 5.1%

OKLCH

0.6218 0.2501 1.6

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F2047C

#04F27A

Analogous

#F104F2

#F20405

#F2047C

Triadic

#F2047C

#7CF204

#047CF2

Split Complementary

#F2047C

#05F204

#04F2F1

Tetradic

#F2047C

#F2F104

#04F27A

#0405F2

Color Blindness Simulation

Original

#F2047C

Protanopia

#8B895F

Deuteranopia

#99AB58

Tritanopia

#E64843

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB9DC
300
#FD87C2
400
#FC45A2
500
#FB0481
600
#C90367
700
#A10352
800
#7D0240
900
#5B0631
950
#39041F

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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