HEX Color #F899D3 (Plum)

About #F899D3

The precise color #F899D3 is an excellent choice for modern design projects. 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 248, 153, and 211.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 38% magenta inks. With a hue angle of 323.4 degrees, it sits comfortably in the magenta spectrum.

Contrast ratios determine whether this color is safe for typography. 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#F899D3

RGB248, 153, 211

HSL323.4°, 87.2%, 78.6%

CMYK0%, 38%, 15%, 3%

HSV323.4°, 38.3%, 97.3%

LAB74.5, 43.3, -14.6

XYZ61.9, 47.4, 67.5

Decimal16292307

Color Harmonies

Complementary

#F899D3 #98F8BD

Analogous

#ED98F8 #F898A3

Triadic

#D3F898 #98D3F8

Tetradic

#F8ED98 #98F8BD #98A3F8

Tints, Shades & Tones

Tints (Adding White)

#F899D3

#F8A4D7

#F9AFDC

#FABBE1

#FBC6E6

#FBD1EB

#FCDDF0

#FDE8F5

#FEF3FA

#FFFFFF

Shades (Adding Black)

#F899D3

#DC88BB

#C077A4

#A5668C

#895575

#6E445D

#523346

#37222E

#1B1117

#000000

WCAG Contrast Accessibility

2.00:1

Text on #FFFFFF

FAIL

10.49:1

Text on #000000

AAA

1.91:1

Text on #F8FAFC

FAIL

8.92:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #F899D3; }

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

Similar Colors

Plum

#DDA0DD