#F70898

#F70898

Color Values

HEX

#F70898

RGB

247, 8, 152

HSL

323.8, 93.7%, 50.0%

HSV

323.8, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 38.5%, 3.1%

OKLCH

0.6405 0.2618 353.6

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#F70898

#08F767

Analogous

#DE08F7

#F70821

#F70898

Triadic

#F70898

#98F708

#0898F7

Split Complementary

#F70898

#21F708

#08F7DE

Tetradic

#F70898

#F7DE08

#08F767

#0821F7

Color Blindness Simulation

Original

#F70898

Protanopia

#8F8D75

Deuteranopia

#9DAF6D

Tritanopia

#EB5A54

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FDBAE2
300
#FB88CE
400
#F948B3
500
#F70898
600
#C6067A
700
#9E0561
800
#7B044C
900
#590839
950
#380524

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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