HEX Color #F05799 (Hotpink)

About #F05799

The precise color #F05799 is an excellent choice for modern design projects. Designers often compare it to the standard color Hotpink. Its digital footprint relies on 240 parts red, 87 parts green, and 153 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 64% M, 36% Y, and 6% K. The HSL representation is 334.1° hue, 83.6% saturation, and 64.1% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#F05799

RGB240, 87, 153

HSL334.1°, 83.6%, 64.1%

CMYK0%, 64%, 36%, 6%

HSV334.1°, 63.7%, 94.1%

LAB59.6, 64.3, -4.2

XYZ45.1, 27.6, 33.1

Decimal15751065

Color Harmonies

Complementary

#F05799 #57EFAD

Analogous

#EF57E5 #EF6157

Triadic

#99EF57 #5799EF

Tetradic

#E5EF57 #57EFAD #6157EF

Tints, Shades & Tones

Tints (Adding White)

#F05799

#F169A4

#F37CAF

#F58FBB

#F6A1C6

#F8B4D1

#FAC7DD

#FBD9E8

#FDECF3

#FFFFFF

Shades (Adding Black)

#F05799

#D54D88

#BA4377

#A03A66

#853055

#6A2644

#501D33

#351322

#1A0911

#000000

WCAG Contrast Accessibility

3.22:1

Text on #FFFFFF

AA Large

6.53:1

Text on #000000

AA

3.07:1

Text on #F8FAFC

AA Large

5.55:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F05799; }

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

Similar Colors

Hotpink

#FF69B4