Jacaranda

#280A22

General Information

Jacaranda, represented by the hexadecimal color code #280A22, is a dark, muted shade of purple. It evokes feelings of sophistication, mystery, and a touch of melancholy. The color is named after the Jacaranda tree, known for its beautiful purple blossoms. In the RGB color model, #280A22 consists of 15.69% red, 3.92% green, and 13.33% blue. In the CMYK color model, it is composed of 0% cyan, 75% magenta, 15% yellow, and 84% black. This combination results in a deep and rich purple hue that can add depth and elegance to various designs. The color is relatively uncommon, which allows it to make a statement when used intentionally.

The contrast ratio of #280A22 with pure white (#FFFFFF) is 6.48:1, which is considered good for users with normal vision according to WCAG guidelines. However, for users with low vision, a contrast ratio of 7:1 is recommended. When pairing with black (#000000), the contrast ratio is 3.25:1, which is below the recommended level for sufficient contrast. To enhance accessibility, consider using lighter text colors like #E0D8E2 or increasing the font size and weight. Ensure interactive elements have a clear visual focus indicator. Proper use of ARIA attributes can also improve screen reader compatibility. Using this color as the primary background for extensive text may cause readability challenges for some users, so consider limiting its use to headers or graphic elements.

Shades

Digital Color Formats

RGB
40 10 34
RGB40 10 34
Red
Green
Blue
HSL
312deg 60% 9.8%
312609.8HSL
Hue
Saturation
Lightness
HWB
312deg 3.92% 84.31%
3123.9284.31HWB
Hue
Whiteness
Blackness
hex#280A22
rgb40 10 34
hsl312deg 60% 9.8%
cmyk0% 75% 15% 84.31%
hwb312deg 3.92% 84.31%
xyz-d650.01 0.01 0.02
oklch0.2067 0.0619 336.12
oklab0.2067 0.06 -0.03
CMYK
0% 75% 15% 84.31%
0751584.31CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.2067 0.0619 336.12
0.20670.0619336.12LCH
Lightness
Chroma
Hue
OKLAB
0.2067 0.06 -0.03
0.20670.06-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons