#F80D80

#F80D80

Color Values

HEX

#F80D80

RGB

248, 13, 128

HSL

330.6, 94.4%, 51.2%

HSV

330.6, 94.8%, 97.3%

CMYK

0.0%, 94.8%, 48.4%, 2.7%

OKLCH

0.6352 0.253 1.6

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F80D80

#0DF885

Analogous

#F80DF6

#F80F0D

#F80D80

Triadic

#F80D80

#80F80D

#0D80F8

Split Complementary

#F80D80

#0DF80F

#0DF6F8

Tetradic

#F80D80

#F6F80D

#0DF885

#0F0DF8

Color Blindness Simulation

Original

#F80D80

Protanopia

#929064

Deuteranopia

#A0B25E

Tritanopia

#EC4E49

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADB
300
#FC88C1
400
#FA489F
500
#F8077D
600
#C60664
700
#9F0550
800
#7C043F
900
#5A0730
950
#39051E

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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