#F2449B

#F2449B

Color Values

HEX

#F2449B

RGB

242, 68, 155

HSL

330.0, 87.0%, 60.8%

HSV

330.0, 71.9%, 94.9%

CMYK

0.0%, 71.9%, 36.0%, 5.1%

OKLCH

0.6624 0.2217 354.5

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F2449B

#44F29B

Analogous

#F244F2

#F24444

#F2449B

Triadic

#F2449B

#9BF244

#449BF2

Split Complementary

#F2449B

#44F244

#44F2F2

Tetradic

#F2449B

#F2F244

#44F29B

#4444F2

Color Blindness Simulation

Original

#F2449B

Protanopia

#A7A586

Deuteranopia

#B1BE81

Tritanopia

#E97572

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABCDB
300
#F78DC2
400
#F34FA1
500
#EE1180
600
#BF0D66
700
#990B52
800
#770840
900
#560B30
950
#37071F

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.08:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026