HEX Color #F06D99 (Palevioletred)

About #F06D99

When working with digital screens, the color #F06D99 is rendered by mixing light. Its closest recognized web color is Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 109, and 153.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 55% magenta inks. With a hue angle of 339.8 degrees, it sits comfortably in the magenta spectrum.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F06D99

RGB240, 109, 153

HSL339.8°, 81.4%, 68.4%

CMYK0%, 55%, 36%, 6%

HSV339.8°, 54.6%, 94.1%

LAB63.1, 54.7, 1.1

XYZ47.2, 31.8, 33.8

Decimal15756697

Color Harmonies

Complementary

#F06D99 #6CF0C3

Analogous

#F06CDA #F0826C

Triadic

#99F06C #6C99F0

Tetradic

#DAF06C #6CF0C3 #826CF0

Tints, Shades & Tones

Tints (Adding White)

#F06D99

#F17DA4

#F38DAF

#F59DBB

#F6ADC6

#F8BED1

#FACEDD

#FBDEE8

#FDEEF3

#FFFFFF

Shades (Adding Black)

#F06D99

#D56088

#BA5477

#A04866

#853C55

#6A3044

#502433

#351822

#1A0C11

#000000

WCAG Contrast Accessibility

2.86:1

Text on #FFFFFF

FAIL

7.35:1

Text on #000000

AAA

2.73:1

Text on #F8FAFC

FAIL

6.25:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F06D99; }

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

Similar Colors

Palevioletred

#DB7093