HEX Color #F842BD (Mediumvioletred)

About #F842BD

The precise color #F842BD is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumvioletred. In the RGB color space, it consists of 248 red, 66 green, and 189 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 73% magenta inks. The HSL representation is 319.5° hue, 92.9% saturation, and 61.6% lightness.

When using this color as a background, text legibility must be considered. Because it is a light color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F842BD

RGB248, 66, 189

HSL319.5°, 92.9%, 61.6%

CMYK0%, 73%, 24%, 3%

HSV319.5°, 73.4%, 97.3%

LAB59.5, 78.0, -25.0

XYZ49.8, 27.5, 50.8

Decimal16270013

Color Harmonies

Complementary

#F842BD #42F77D

Analogous

#D742F7 #F74262

Triadic

#BDF742 #42BCF7

Tetradic

#F7D742 #42F77D #4261F7

Tints, Shades & Tones

Tints (Adding White)

#F842BD

#F857C4

#F96CCB

#FA81D3

#FB96DA

#FBABE1

#FCC0E9

#FDD5F0

#FEEAF7

#FFFFFF

Shades (Adding Black)

#F842BD

#DC3AA8

#C03393

#A52C7E

#892469

#6E1D54

#52163F

#370E2A

#1B0715

#000000

WCAG Contrast Accessibility

3.23:1

Text on #FFFFFF

AA Large

6.51:1

Text on #000000

AA

3.09:1

Text on #F8FAFC

AA Large

5.53:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F842BD; }

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

Similar Colors

Mediumvioletred

#C71585