HEX Color #F0166D (Deeppink)

About #F0166D

The precise color #F0166D is an excellent choice for modern design projects. Designers often compare it to the standard color Deeppink. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 22, and 109.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 91% Magenta, 55% Yellow, and 6% Black. The HSL representation is 336.1° hue, 87.9% saturation, and 51.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F0166D

RGB240, 22, 109

HSL336.1°, 87.9%, 51.4%

CMYK0%, 91%, 55%, 6%

HSV336.1°, 90.8%, 94.1%

LAB52.1, 78.1, 11.1

XYZ39.0, 20.2, 16.3

Decimal15734381

Color Harmonies

Complementary

#F0166D #16EF98

Analogous

#EF16DA #EF2B16

Triadic

#6DEF16 #166DEF

Tetradic

#DAEF16 #16EF98 #2B16EF

Tints, Shades & Tones

Tints (Adding White)

#F0166D

#F12F7D

#F3498D

#F5639D

#F67DAD

#F897BE

#FAB1CE

#FBCBDE

#FDE5EE

#FFFFFF

Shades (Adding Black)

#F0166D

#D51360

#BA1154

#A00E48

#850C3C

#6A0930

#500724

#350418

#1A020C

#000000

WCAG Contrast Accessibility

4.17:1

Text on #FFFFFF

AA Large

5.04:1

Text on #000000

AA

3.98:1

Text on #F8FAFC

AA Large

4.29:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #F0166D; }

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

Similar Colors

Deeppink

#FF1493