HEX Color #FF50D3 (Orchid)

About #FF50D3

At its core, #FF50D3 is a light and vivid hue. Designers often compare it to the standard color Orchid. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 80, and 211.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 69% magenta, 17% yellow, and 0% black. This makes it a relatively light color when applied to physical surfaces.

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

Color Space Conversions

HEX#FF50D3

RGB255, 80, 211

HSL315.1°, 100.0%, 65.7%

CMYK0%, 69%, 17%, 0%

HSV315.1°, 68.6%, 100.0%

LAB63.1, 77.9, -31.9

XYZ55.9, 31.7, 64.8

Decimal16732371

Color Harmonies

Complementary

#FF50D3 #50FE7C

Analogous

#D350FE #FE507B

Triadic

#D2FE50 #50D2FE

Tetradic

#FED350 #50FE7C #507BFE

Tints, Shades & Tones

Tints (Adding White)

#FF50D3

#FF63D7

#FF76DC

#FF8AE1

#FF9DE6

#FFB1EB

#FFC4F0

#FFD8F5

#FFEBFA

#FFFFFF

Shades (Adding Black)

#FF50D3

#E247BB

#C63EA4

#AA358C

#8D2C75

#71235D

#551A46

#38112E

#1C0817

#000000

WCAG Contrast Accessibility

2.86:1

Text on #FFFFFF

FAIL

7.34:1

Text on #000000

AAA

2.73:1

Text on #F8FAFC

FAIL

6.24:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #FF50D3; }

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

Similar Colors

Orchid

#DA70D6