#F80795

#F80795

Color Values

HEX

#F80795

RGB

248, 7, 149

HSL

324.6, 94.5%, 50.0%

HSV

324.6, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 39.9%, 2.7%

OKLCH

0.641 0.2614 354.7

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#F80795

#07F86A

Analogous

#E207F8

#F8071D

#F80795

Triadic

#F80795

#95F807

#0795F8

Split Complementary

#F80795

#1DF807

#07F8E2

Tetradic

#F80795

#F8E207

#07F86A

#071DF8

Color Blindness Simulation

Original

#F80795

Protanopia

#908E73

Deuteranopia

#9EB06A

Tritanopia

#EC5752

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFF0
200
#FDBAE1
300
#FC88CC
400
#FA47B1
500
#F80795
600
#C60677
700
#9F045F
800
#7C044B
900
#5A0738
950
#390523

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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