#F052AA

#F052AA

Color Values

HEX

#F052AA

RGB

240, 82, 170

HSL

326.6, 84.0%, 63.1%

HSV

326.6, 65.8%, 94.1%

CMYK

0.0%, 65.8%, 29.2%, 5.9%

OKLCH

0.6778 0.2107 349.8

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F052AA

#52F098

Analogous

#E752F0

#F0525B

#F052AA

Triadic

#F052AA

#AAF052

#52AAF0

Split Complementary

#F052AA

#5BF052

#52F0E7

Tetradic

#F052AA

#F0E752

#52F098

#525BF0

Color Blindness Simulation

Original

#F052AA

Protanopia

#ACAA95

Deuteranopia

#B5C190

Tritanopia

#E88480

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#F9BDDF
300
#F58EC8
400
#F051AA
500
#EB148C
600
#BC1070
700
#960D59
800
#750A46
900
#550C35
950
#360721

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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