HEX Color #F80799 (Deeppink)

About #F80799

The precise color #F80799 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Deeppink. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 7, and 153.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 0% C, 97% M, 38% Y, and 3% K. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F80799

RGB248, 7, 153

HSL323.7°, 94.5%, 50.0%

CMYK0%, 97%, 38%, 3%

HSV323.7°, 97.2%, 97.3%

LAB54.5, 84.7, -11.7

XYZ44.5, 22.4, 32.1

Decimal16254873

Color Harmonies

Complementary

#F80799 #07F765

Analogous

#DE07F7 #F70720

Triadic

#98F707 #0799F7

Tetradic

#F7DE07 #07F765 #0720F7

Tints, Shades & Tones

Tints (Adding White)

#F80799

#F822A4

#F93EAF

#FA59BB

#FB75C6

#FB90D1

#FCACDD

#FDC7E8

#FEE3F3

#FFFFFF

Shades (Adding Black)

#F80799

#DC0688

#C00577

#A50466

#890355

#6E0344

#520233

#370122

#1B0011

#000000

WCAG Contrast Accessibility

3.83:1

Text on #FFFFFF

AA Large

5.48:1

Text on #000000

AA

3.66:1

Text on #F8FAFC

AA Large

4.66:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #F80799; }

.text-color { color: #F80799; }

.border-color { border: 2px solid #F80799; }

Similar Colors

Deeppink

#FF1493