#F70882

#F70882

Color Values

HEX

#F70882

RGB

247, 8, 130

HSL

329.4, 93.7%, 50.0%

HSV

329.4, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 47.4%, 3.1%

OKLCH

0.6332 0.2541 0.6

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F70882

#08F77D

Analogous

#F508F7

#F7080A

#F70882

Triadic

#F70882

#82F708

#0882F7

Split Complementary

#F70882

#0AF708

#08F7F5

Tetradic

#F70882

#F7F508

#08F77D

#080AF7

Color Blindness Simulation

Original

#F70882

Protanopia

#8F8D65

Deuteranopia

#9DAF5D

Tritanopia

#EB4D48

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADC
300
#FB88C3
400
#F948A2
500
#F70882
600
#C60668
700
#9E0553
800
#7B0441
900
#590831
950
#38051F

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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