HEX Color #F0A0E2 (Plum)

About #F0A0E2

The hex code #F0A0E2 represents a beautifully specific shade of magenta. If you're using CSS, you might find it aligns closely with Plum. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 160, and 226.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 33% magenta inks. With a hue angle of 310.5 degrees, it sits comfortably in the magenta spectrum.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F0A0E2

RGB240, 160, 226

HSL310.5°, 72.7%, 78.4%

CMYK0%, 33%, 6%, 6%

HSV310.5°, 33.3%, 94.1%

LAB75.5, 39.6, -21.2

XYZ62.2, 49.2, 78.2

Decimal15769826

Color Harmonies

Complementary

#F0A0E2 #A0F0AE

Analogous

#D6A0F0 #F0A0BA

Triadic

#E2F0A0 #A0E2F0

Tetradic

#F0D6A0 #A0F0AE #A0BAF0

Tints, Shades & Tones

Tints (Adding White)

#F0A0E2

#F1AAE5

#F3B5E8

#F5BFEB

#F6CAEE

#F8D4F2

#FADFF5

#FBE9F8

#FDF4FB

#FFFFFF

Shades (Adding Black)

#F0A0E2

#D58EC8

#BA7CAF

#A06A96

#85587D

#6A4764

#50354B

#352332

#1A1119

#000000

WCAG Contrast Accessibility

1.94:1

Text on #FFFFFF

FAIL

10.83:1

Text on #000000

AAA

1.85:1

Text on #F8FAFC

FAIL

9.21:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #F0A0E2; }

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

Similar Colors

Plum

#DDA0DD