HEX Color #5F0050 (Purple)

About #5F0050

The precise color #5F0050 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Purple. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 0, and 80.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 100% M, 16% Y, and 63% K. The HSL representation is 309.5° hue, 100.0% saturation, and 18.6% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5F0050

RGB95, 0, 80

HSL309.5°, 100.0%, 18.6%

CMYK0%, 100%, 16%, 63%

HSV309.5°, 100.0%, 37.3%

LAB20.1, 45.3, -21.0

XYZ6.2, 3.0, 7.8

Decimal6226000

Color Harmonies

Complementary

#5F0050 #005F0E

Analogous

#3E005F #5F0020

Triadic

#505F00 #00505F

Tetradic

#5F3E00 #005F0E #00205F

Tints, Shades & Tones

Tints (Adding White)

#5F0050

#701C63

#823876

#94558A

#A6719D

#B78DB1

#C9AAC4

#DBC6D8

#EDE2EB

#FFFFFF

Shades (Adding Black)

#5F0050

#540047

#49003E

#3F0035

#34002C

#2A0023

#1F001A

#150011

#0A0008

#000000

WCAG Contrast Accessibility

13.11:1

Text on #FFFFFF

AAA

1.60:1

Text on #000000

FAIL

12.53:1

Text on #F8FAFC

AAA

1.36:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5F0050; }

.text-color { color: #5F0050; }

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

Similar Colors

Purple

#800080