HEX Color #F85FF8 (Mediumorchid)

About #F85FF8

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

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 62% magenta inks. The HSL representation is 300.0° hue, 91.6% saturation, and 67.3% lightness.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#F85FF8

RGB248, 95, 248

HSL300.0°, 91.6%, 67.3%

CMYK0%, 62%, 0%, 3%

HSV300.0°, 61.7%, 97.3%

LAB65.7, 76.2, -48.5

XYZ59.7, 34.9, 92.4

Decimal16277496

Color Harmonies

Complementary

#F85FF8 #5FF85F

Analogous

#AB5FF8 #F85FAB

Triadic

#F8F85F #5FF8F8

Tetradic

#F8AB5F #5FF85F #5FABF8

Tints, Shades & Tones

Tints (Adding White)

#F85FF8

#F870F8

#F982F9

#FA94FA

#FBA6FB

#FBB7FB

#FCC9FC

#FDDBFD

#FEEDFE

#FFFFFF

Shades (Adding Black)

#F85FF8

#DC54DC

#C049C0

#A53FA5

#893489

#6E2A6E

#521F52

#371537

#1B0A1B

#000000

WCAG Contrast Accessibility

2.63:1

Text on #FFFFFF

FAIL

7.98:1

Text on #000000

AAA

2.51:1

Text on #F8FAFC

FAIL

6.79:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F85FF8; }

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

Similar Colors

Mediumorchid

#BA55D3