HEX Color #5F0FF8 (Blue)

About #5F0FF8

Visually, #5F0FF8 is defined as a vivid purple. It is closely associated with the named CSS color Blue. In the RGB color space, it consists of 95 red, 15 green, and 248 blue.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 62% cyan and 94% magenta inks. With a hue angle of 260.6 degrees, it sits comfortably in the purple spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5F0FF8

RGB95, 15, 248

HSL260.6°, 94.3%, 51.6%

CMYK62%, 94%, 0%, 3%

HSV260.6°, 94.0%, 97.3%

LAB37.0, 77.7, -95.9

XYZ21.8, 9.6, 89.5

Decimal6230008

Color Harmonies

Complementary

#5F0FF8 #A7F80E

Analogous

#0E33F8 #D30EF8

Triadic

#F85E0E #0EF85F

Tetradic

#F80E33 #A7F80E #0EF8D3

Tints, Shades & Tones

Tints (Adding White)

#5F0FF8

#7029F8

#8244F9

#945FFA

#A679FB

#B794FB

#C9AFFC

#DBC9FD

#EDE4FE

#FFFFFF

Shades (Adding Black)

#5F0FF8

#540DDC

#490BC0

#3F0AA5

#340889

#2A066E

#1F0552

#150337

#0A011B

#000000

WCAG Contrast Accessibility

7.22:1

Text on #FFFFFF

AAA

2.91:1

Text on #000000

FAIL

6.90:1

Text on #F8FAFC

AA

2.47:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Blue

#0000FF