HEX Color #F04999 (Hotpink)

About #F04999

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

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 70% magenta inks. 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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#F04999

RGB240, 73, 153

HSL331.3°, 84.8%, 61.4%

CMYK0%, 70%, 36%, 6%

HSV331.3°, 69.6%, 94.1%

LAB57.6, 69.5, -7.0

XYZ44.1, 25.6, 32.8

Decimal15747481

Color Harmonies

Complementary

#F04999 #48F0A0

Analogous

#F048EC #F04C48

Triadic

#99F048 #4898F0

Tetradic

#ECF048 #48F0A0 #4C48F0

Tints, Shades & Tones

Tints (Adding White)

#F04999

#F15DA4

#F371AF

#F585BB

#F699C6

#F8AED1

#FAC2DD

#FBD6E8

#FDEAF3

#FFFFFF

Shades (Adding Black)

#F04999

#D54088

#BA3877

#A03066

#852855

#6A2044

#501833

#351022

#1A0811

#000000

WCAG Contrast Accessibility

3.43:1

Text on #FFFFFF

AA Large

6.12:1

Text on #000000

AA

3.28:1

Text on #F8FAFC

AA Large

5.20:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F04999; }

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

Similar Colors

Hotpink

#FF69B4