Jacaranda

#220A21

General Information about #220A21

The hexadecimal color code #220A21 represents a dark shade of purple, often referred to as Jacaranda. It is composed of 13.33% red, 3.92% green, and 12.94% blue. In the RGB color model, this translates to (34, 10, 33). The color is characterized by its low saturation and luminance, giving it a muted and somewhat mysterious appearance. Jacaranda is named after the Jacaranda tree, which is known for its beautiful purple flowers. This color often evokes feelings of creativity, sophistication, and a touch of the unconventional. It's a color that can be used to create a sense of depth and richness in designs.

The hex color #220a21, also known as Jacaranda, presents some accessibility challenges, especially in web design. Its dark hue results in low contrast against lighter backgrounds, potentially causing readability issues for users with visual impairments. According to WCAG guidelines, sufficient contrast is essential for text and interactive elements to ensure accessibility. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #220a21 for text, a very light color is crucial to meet these standards. Using color contrast tools to assess the combination is a good approach. Also, avoid using it as the sole method to convey important information, providing alternative cues such as text labels or icons to ensure inclusivity.

Shades

Digital Color Formats

RGB
34 10 33
RGB34 10 33
Red
Green
Blue
HSL
302.5 54.55% 8.63%
302.554.558.63HSL
Hue
Saturation
Lightness
HWB
302.5 3.92% 86.67%
302.53.9286.67HWB
Hue
Whiteness
Blackness
hex#220A21
rgb34 10 33
hsl302.5 54.55% 8.63%
cmyk0% 70.59% 2.94% 86.67%
hwb302.5 3.92% 86.67%
xyz-d650.01 0.01 0.02
oklch0.1953 0.0556 329.03
oklab0.1953 0.05 -0.03
CMYK
0% 70.59% 2.94% 86.67%
070.592.9486.67CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.1953 0.0556 329.03
0.19530.0556329.03LCH
Lightness
Chroma
Hue
OKLAB
0.1953 0.05 -0.03
0.19530.05-0.03LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons