#F70884

#F70884

Color Values

HEX

#F70884

RGB

247, 8, 132

HSL

328.9, 93.7%, 50.0%

HSV

328.9, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 46.6%, 3.1%

OKLCH

0.6338 0.2547 360.0

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F70884

#08F77B

Analogous

#F308F7

#F7080C

#F70884

Triadic

#F70884

#84F708

#0884F7

Split Complementary

#F70884

#0CF708

#08F7F3

Tetradic

#F70884

#F7F308

#08F77B

#080CF7

Color Blindness Simulation

Original

#F70884

Protanopia

#8F8D66

Deuteranopia

#9DAF5F

Tritanopia

#EB4E49

Achromatopsia

#444444

CSS Usage

background-color: #F70884;
color: #F70884;
border-color: #F70884;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADD
300
#FB88C4
400
#F948A4
500
#F70884
600
#C6066A
700
#9E0554
800
#7B0442
900
#590832
950
#380520

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

5.32:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026