#F852AA

#F852AA

Color Values

HEX

#F852AA

RGB

248, 82, 170

HSL

328.2, 92.2%, 64.7%

HSV

328.2, 66.9%, 97.3%

CMYK

0.0%, 66.9%, 31.5%, 2.7%

OKLCH

0.6897 0.2169 351.6

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F852AA

#52F8A0

Analogous

#F352F8

#F85257

#F852AA

Triadic

#F852AA

#AAF852

#52AAF8

Split Complementary

#F852AA

#57F852

#52F8F3

Tetradic

#F852AA

#F8F352

#52F8A0

#5257F8

Color Blindness Simulation

Original

#F852AA

Protanopia

#B0AF95

Deuteranopia

#BAC690

Tritanopia

#F08480

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADD
300
#FA89C5
400
#F84AA6
500
#F50A87
600
#C4086C
700
#9D0656
800
#7B0543
900
#590833
950
#380520

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