#3A16FF

A medium, vivid blue closely aligning with Blue.

About #3A16FF

Visually, #3A16FF is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Blue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 22, and 255.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 77% cyan, 91% magenta, 0% yellow, and 0% black. With a hue angle of 249.3 degrees, it sits comfortably in the blue 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#3A16FF
RGB58, 22, 255
HSL249.3°, 100.0%, 54.3%
CMYK77%, 91%, 0%, 0%
HSV249.3°, 91.4%, 100.0%
LAB35.4, 76.3, -102.7
XYZ20.1, 8.7, 95.2
Decimal3806975

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.67:1
Text on #FFFFFF
AAA
2.74:1
Text on #000000
FAIL
7.33:1
Text on #F8FAFC
AAA
2.33:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #3A16FF; }
.text-color { color: #3A16FF; }
.border-color { border: 2px solid #3A16FF; }

Similar Colors

Blue
#0000FF