#F052CC

#F052CC

Color Values

HEX

#F052CC

RGB

240, 82, 204

HSL

313.7, 84.0%, 63.1%

HSV

313.7, 65.8%, 94.1%

CMYK

0.0%, 65.8%, 15.0%, 5.9%

OKLCH

0.6917 0.2308 338.1

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F052CC

#52F076

Analogous

#C552F0

#F0527D

#F052CC

Triadic

#F052CC

#CCF052

#52CCF0

Split Complementary

#F052CC

#7DF052

#52F0C5

Tetradic

#F052CC

#F0C552

#52F076

#527DF0

Color Blindness Simulation

Original

#F052CC

Protanopia

#ACAAAF

Deuteranopia

#B5C1A7

Tritanopia

#E89792

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE0F4
200
#F9BDEC
300
#F58EDE
400
#F051CC
500
#EB14BA
600
#BC1095
700
#960D77
800
#750A5D
900
#550C44
950
#36072B

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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