HEX Color #990FF8 (Darkviolet)

About #990FF8

The hex code #990FF8 represents a beautifully specific shade of purple. Its closest recognized web color is Darkviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 153, 15, and 248.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 38% cyan and 94% magenta inks. The HSL representation is 275.5° hue, 94.3% saturation, and 51.6% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#990FF8

RGB153, 15, 248

HSL275.5°, 94.3%, 51.6%

CMYK38%, 94%, 0%, 3%

HSV275.5°, 94.0%, 97.3%

LAB44.1, 82.4, -84.0

XYZ30.3, 13.9, 89.9

Decimal10031096

Color Harmonies

Complementary

#990FF8 #6DF80E

Analogous

#240EF8 #F80EE2

Triadic

#F8980E #0EF899

Tetradic

#F8240E #6DF80E #0EE2F8

Tints, Shades & Tones

Tints (Adding White)

#990FF8

#A429F8

#AF44F9

#BB5FFA

#C679FB

#D194FB

#DDAFFC

#E8C9FD

#F3E4FE

#FFFFFF

Shades (Adding Black)

#990FF8

#880DDC

#770BC0

#660AA5

#550889

#44066E

#330552

#220337

#11011B

#000000

WCAG Contrast Accessibility

5.56:1

Text on #FFFFFF

AA

3.78:1

Text on #000000

AA Large

5.31:1

Text on #F8FAFC

AA

3.21:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #990FF8; }

.text-color { color: #990FF8; }

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

Similar Colors

Darkviolet

#9400D3