#F052D4

#F052D4

Color Values

HEX

#F052D4

RGB

240, 82, 212

HSL

310.6, 84.0%, 63.1%

HSV

310.6, 65.8%, 94.1%

CMYK

0.0%, 65.8%, 11.7%, 5.9%

OKLCH

0.6953 0.2363 335.7

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F052D4

#52F06E

Analogous

#BD52F0

#F05285

#F052D4

Triadic

#F052D4

#D4F052

#52D4F0

Split Complementary

#F052D4

#85F052

#52F0BD

Tetradic

#F052D4

#F0BD52

#52F06E

#5285F0

Color Blindness Simulation

Original

#F052D4

Protanopia

#ACAAB5

Deuteranopia

#B5C1AD

Tritanopia

#E89C96

Achromatopsia

#7D7D7D

CSS Usage

background-color: #F052D4;
color: #F052D4;
border-color: #F052D4;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FB
100
#FAE0F5
200
#F9BDEF
300
#F58EE3
400
#F051D4
500
#EB14C5
600
#BC109D
700
#960D7E
800
#750A62
900
#550C48
950
#36072E

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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