#F244A1

#F244A1

Color Values

HEX

#F244A1

RGB

242, 68, 161

HSL

327.9, 87.0%, 60.8%

HSV

327.9, 71.9%, 94.9%

CMYK

0.0%, 71.9%, 33.5%, 5.1%

OKLCH

0.6645 0.2243 352.3

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F244A1

#44F295

Analogous

#EC44F2

#F2444A

#F244A1

Triadic

#F244A1

#A1F244

#44A1F2

Split Complementary

#F244A1

#4AF244

#44F2EC

Tetradic

#F244A1

#F2EC44

#44F295

#444AF2

Color Blindness Simulation

Original

#F244A1

Protanopia

#A7A58B

Deuteranopia

#B1BE85

Tritanopia

#E97975

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABCDD
300
#F78DC6
400
#F34FA6
500
#EE1187
600
#BF0D6C
700
#990B57
800
#770844
900
#560B33
950
#370720

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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