HEX Color #F875A0 (Palevioletred)

About #F875A0

The hex code #F875A0 represents a beautifully specific shade of magenta. Designers often compare it to the standard color Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 117, and 160.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 53% Magenta, 35% Yellow, and 3% Black. With a hue angle of 340.3 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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F875A0

RGB248, 117, 160

HSL340.3°, 90.3%, 71.6%

CMYK0%, 53%, 35%, 3%

HSV340.3°, 52.8%, 97.3%

LAB65.9, 54.3, 1.2

XYZ51.4, 35.2, 37.3

Decimal16283040

Color Harmonies

Complementary

#F875A0 #74F8CD

Analogous

#F874E1 #F88B74

Triadic

#9FF874 #749FF8

Tetradic

#E1F874 #74F8CD #8B74F8

Tints, Shades & Tones

Tints (Adding White)

#F875A0

#F884AA

#F993B5

#FAA3BF

#FBB2CA

#FBC1D4

#FCD1DF

#FDE0E9

#FEEFF4

#FFFFFF

Shades (Adding Black)

#F875A0

#DC688E

#C05B7C

#A54E6A

#894158

#6E3447

#522735

#371A23

#1B0D11

#000000

WCAG Contrast Accessibility

2.61:1

Text on #FFFFFF

FAIL

8.04:1

Text on #000000

AAA

2.50:1

Text on #F8FAFC

FAIL

6.84:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F875A0; }

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

Similar Colors

Palevioletred

#DB7093