HEX Color #992CE2 (Blueviolet)

About #992CE2

The hex code #992CE2 represents a beautifully specific shade of purple. If you're using CSS, you might find it aligns closely with Blueviolet. This translates to an RGB value of rgb(153, 44, 226).

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 32% cyan and 81% magenta inks. The HSL representation is 275.9° hue, 75.8% saturation, and 52.9% lightness.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#992CE2

RGB153, 44, 226

HSL275.9°, 75.8%, 52.9%

CMYK32%, 81%, 0%, 11%

HSV275.9°, 80.5%, 88.6%

LAB44.3, 71.7, -71.2

XYZ27.8, 14.1, 73.2

Decimal10038498

Color Harmonies

Complementary

#992CE2 #74E22C

Analogous

#3D2CE2 #E22CD0

Triadic

#E2982C #2CE299

Tetradic

#E23D2C #74E22C #2CCFE2

Tints, Shades & Tones

Tints (Adding White)

#992CE2

#A443E5

#AF5AE8

#BB72EB

#C689EE

#D1A1F2

#DDB8F5

#E8D0F8

#F3E7FB

#FFFFFF

Shades (Adding Black)

#992CE2

#8827C8

#7722AF

#661D96

#55187D

#441364

#330E4B

#220932

#110419

#000000

WCAG Contrast Accessibility

5.51:1

Text on #FFFFFF

AA

3.81:1

Text on #000000

AA Large

5.26:1

Text on #F8FAFC

AA

3.24:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #992CE2; }

.text-color { color: #992CE2; }

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

Similar Colors

Blueviolet

#8A2BE2