#F04AA2

#F04AA2

Color Values

HEX

#F04AA2

RGB

240, 74, 162

HSL

328.2, 84.7%, 61.6%

HSV

328.2, 69.2%, 94.1%

CMYK

0.0%, 69.2%, 32.5%, 5.9%

OKLCH

0.6671 0.2166 352.0

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F04AA2

#4AF098

Analogous

#EB4AF0

#F04A4F

#F04AA2

Triadic

#F04AA2

#A2F04A

#4AA2F0

Split Complementary

#F04AA2

#4FF04A

#4AF0EB

Tetradic

#F04AA2

#F0EB4A

#4AF098

#4A4FF0

Color Blindness Simulation

Original

#F04AA2

Protanopia

#A8A78D

Deuteranopia

#B2BE88

Tritanopia

#E87C78

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABDDD
300
#F68EC5
400
#F151A5
500
#EB1486
600
#BC106B
700
#970C56
800
#760A43
900
#550C33
950
#360720

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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