#F70899

#F70899

Color Values

HEX

#F70899

RGB

247, 8, 153

HSL

323.6, 93.7%, 50.0%

HSV

323.6, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 38.1%, 3.1%

OKLCH

0.6409 0.2622 353.3

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#F70899

#08F766

Analogous

#DD08F7

#F70822

#F70899

Triadic

#F70899

#99F708

#0899F7

Split Complementary

#F70899

#22F708

#08F7DD

Tetradic

#F70899

#F7DD08

#08F766

#0822F7

Color Blindness Simulation

Original

#F70899

Protanopia

#8F8D76

Deuteranopia

#9DAF6E

Tritanopia

#EB5A54

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FDBAE2
300
#FB88CE
400
#F948B4
500
#F70899
600
#C6067A
700
#9E0562
800
#7B044C
900
#590839
950
#380524

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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