HEX Color #F06DB6 (Hotpink)

About #F06DB6

The hex code #F06DB6 represents a beautifully specific shade of magenta. It is closely associated with the named CSS color Hotpink. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 109, and 182.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 55% magenta, 24% yellow, and 6% black. With a hue angle of 326.6 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#F06DB6

RGB240, 109, 182

HSL326.6°, 81.4%, 68.4%

CMYK0%, 55%, 24%, 6%

HSV326.6°, 54.6%, 94.1%

LAB64.0, 58.3, -14.2

XYZ49.8, 32.8, 48.0

Decimal15756726

Color Harmonies

Complementary

#F06DB6 #6CF0A7

Analogous

#E86CF0 #F06C74

Triadic

#B6F06C #6CB5F0

Tetradic

#F0E86C #6CF0A7 #6C74F0

Tints, Shades & Tones

Tints (Adding White)

#F06DB6

#F17DBE

#F38DC6

#F59DCE

#F6ADD6

#F8BEDE

#FACEE6

#FBDEEE

#FDEEF6

#FFFFFF

Shades (Adding Black)

#F06DB6

#D560A1

#BA548D

#A04879

#853C65

#6A3050

#50243C

#351828

#1A0C14

#000000

WCAG Contrast Accessibility

2.77:1

Text on #FFFFFF

FAIL

7.57:1

Text on #000000

AAA

2.65:1

Text on #F8FAFC

FAIL

6.43:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F06DB6; }

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

Similar Colors

Hotpink

#FF69B4