#F70883

#F70883

Color Values

HEX

#F70883

RGB

247, 8, 131

HSL

329.1, 93.7%, 50.0%

HSV

329.1, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 47.0%, 3.1%

OKLCH

0.6335 0.2544 0.3

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F70883

#08F77C

Analogous

#F308F7

#F7080C

#F70883

Triadic

#F70883

#83F708

#0883F7

Split Complementary

#F70883

#0CF708

#08F7F3

Tetradic

#F70883

#F7F308

#08F77C

#080CF7

Color Blindness Simulation

Original

#F70883

Protanopia

#8F8D65

Deuteranopia

#9DAF5E

Tritanopia

#EB4E49

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADC
300
#FB88C4
400
#F948A3
500
#F70883
600
#C60669
700
#9E0554
800
#7B0442
900
#590832
950
#38051F

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