Violet

#22163E

About Hex Color #22163E

The hex color #22163E represents a dark shade of violet, residing in the blue-violet spectrum. It's composed of 13.3% red, 8.6% green, and 24.3% blue. This color is often associated with royalty, mystery, and creativity. In color theory, violet is considered a cool color, and its dark variants tend to evoke feelings of calmness and contemplation. Historically, violet dyes were rare and expensive, making them a symbol of wealth and power. Today, violet and its shades are widely used in design to create sophisticated and elegant aesthetics. Its depth makes it well-suited for creating dramatic contrasts when paired with lighter colors.

The color #22163E, a deep violet, presents certain accessibility challenges, especially concerning color contrast. When used as a background color, it necessitates very light text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for standard text, and 3:1 for large text, as per WCAG guidelines. This violet's darkness means that lighter shades of yellow, white, or light gray would be suitable choices for foreground text. Additionally, relying solely on color to convey information should be avoided. Supplementing color with text labels, icons, or patterns can significantly improve accessibility for users with visual impairments or color blindness. Careful consideration of these factors is crucial to create inclusive and user-friendly designs.

Shades

Digital Color Formats

RGB
34 22 62
RGB34 22 62
Red
Green
Blue
HSL
258deg 47.62% 16.47%
25847.6216.47HSL
Hue
Saturation
Lightness
HWB
258deg 8.63% 75.69%
2588.6375.69HWB
Hue
Whiteness
Blackness
hex#22163E
rgb34 22 62
hsl258deg 47.62% 16.47%
cmyk45.16% 64.52% 0% 75.69%
hwb258deg 8.63% 75.69%
xyz-d650.02 0.01 0.05
oklch0.24 0.0735 293.99
oklab0.24 0.03 -0.07
CMYK
45.16% 64.52% 0% 75.69%
45.1664.52075.69CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.05
0.020.010.05XYZ
X
Y
Z
OKLCH
0.24 0.0735 293.99
0.240.0735293.99LCH
Lightness
Chroma
Hue
OKLAB
0.24 0.03 -0.07
0.240.03-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons