HEX Color #FF50E2 (Violet)

About #FF50E2

The precise color #FF50E2 is an excellent choice for modern design projects. It is closely associated with the named CSS color Violet. In the RGB color space, it consists of 255 red, 80 green, and 226 blue.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 69% magenta inks. With a hue angle of 309.9 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#FF50E2

RGB255, 80, 226

HSL309.9°, 100.0%, 65.7%

CMYK0%, 69%, 11%, 0%

HSV309.9°, 68.6%, 100.0%

LAB63.7, 80.0, -39.3

XYZ57.8, 32.5, 75.2

Decimal16732386

Color Harmonies

Complementary

#FF50E2 #50FE6D

Analogous

#C450FE #FE508A

Triadic

#E2FE50 #50E2FE

Tetradic

#FEC450 #50FE6D #508AFE

Tints, Shades & Tones

Tints (Adding White)

#FF50E2

#FF63E5

#FF76E8

#FF8AEB

#FF9DEE

#FFB1F2

#FFC4F5

#FFD8F8

#FFEBFB

#FFFFFF

Shades (Adding Black)

#FF50E2

#E247C8

#C63EAF

#AA3596

#8D2C7D

#712364

#551A4B

#381132

#1C0819

#000000

WCAG Contrast Accessibility

2.80:1

Text on #FFFFFF

FAIL

7.50:1

Text on #000000

AAA

2.68:1

Text on #F8FAFC

FAIL

6.37:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #FF50E2; }

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

Similar Colors

Violet

#EE82EE