#F04FA4

#F04FA4

Color Values

HEX

#F04FA4

RGB

240, 79, 164

HSL

328.3, 84.3%, 62.5%

HSV

328.3, 67.1%, 94.1%

CMYK

0.0%, 67.1%, 31.7%, 5.9%

OKLCH

0.6726 0.2115 351.8

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#F04FA4

#4FF09B

Analogous

#EB4FF0

#F04F53

#F04FA4

Triadic

#F04FA4

#A4F04F

#4FA4F0

Split Complementary

#F04FA4

#53F04F

#4FF0EB

Tetradic

#F04FA4

#F0EB4F

#4FF09B

#4F53F0

Color Blindness Simulation

Original

#F04FA4

Protanopia

#AAA98F

Deuteranopia

#B4C08A

Tritanopia

#E87F7C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#F9BDDD
300
#F58EC5
400
#F051A5
500
#EB1486
600
#BC106B
700
#960D55
800
#750A43
900
#550C33
950
#360720

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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