HEX Color #922CF8 (Blueviolet)

About #922CF8

The precise color #922CF8 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Blueviolet. This translates to an RGB value of rgb(146, 44, 248).

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 41% cyan, 82% magenta, 0% yellow, and 3% black. The HSL representation is 270.0° hue, 93.6% saturation, and 57.3% lightness.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#922CF8

RGB146, 44, 248

HSL270.0°, 93.6%, 57.3%

CMYK41%, 82%, 0%, 3%

HSV270.0°, 82.3%, 97.3%

LAB45.2, 75.5, -82.2

XYZ29.7, 14.7, 90.1

Decimal9579768

Color Harmonies

Complementary

#922CF8 #92F82B

Analogous

#2B2BF8 #F82BF8

Triadic

#F8922B #2BF892

Tetradic

#F82B2B #92F82B #2BF8F8

Tints, Shades & Tones

Tints (Adding White)

#922CF8

#9E43F8

#AA5AF9

#B672FA

#C289FB

#CEA1FB

#DAB8FC

#E6D0FD

#F2E7FE

#FFFFFF

Shades (Adding Black)

#922CF8

#8127DC

#7122C0

#611DA5

#511889

#40136E

#300E52

#200937

#10041B

#000000

WCAG Contrast Accessibility

5.33:1

Text on #FFFFFF

AA

3.94:1

Text on #000000

AA Large

5.10:1

Text on #F8FAFC

AA

3.35:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #922CF8; }

.text-color { color: #922CF8; }

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

Similar Colors

Blueviolet

#8A2BE2