#F80783

#F80783

Color Values

HEX

#F80783

RGB

248, 7, 131

HSL

329.1, 94.5%, 50.0%

HSV

329.1, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 47.2%, 2.7%

OKLCH

0.6351 0.2552 0.5

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F80783

#07F87C

Analogous

#F407F8

#F8070B

#F80783

Triadic

#F80783

#83F807

#0783F8

Split Complementary

#F80783

#0BF807

#07F8F4

Tetradic

#F80783

#F8F407

#07F87C

#070BF8

Color Blindness Simulation

Original

#F80783

Protanopia

#908E65

Deuteranopia

#9EB05E

Tritanopia

#EC4D48

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADC
300
#FC88C4
400
#FA47A3
500
#F80783
600
#C60669
700
#9F0454
800
#7C0442
900
#5A0732
950
#39051F

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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