Huebook

Velvet Volcano Analogous Color Scheme

Five colors arranged by the analogous rule around Velvet Volcano (#AB0102), each snapped to its nearest named color.

#AA00AA
#AA0055
#AB0102
#AA5500
#AAAA00

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Purple Potion#AA00AA170, 0, 170300°, 100%, 33%0, 100, 0, 3351.8% 0.238 328
Shy Guy Red#AA0055170, 0, 85330°, 100%, 33%0, 100, 50, 3347.7% 0.193 2
Velvet Volcano#AB0102171, 1, 2360°, 99%, 34%0, 99, 99, 3346.6% 0.191 29
Tijolo#AA5500170, 85, 030°, 100%, 33%0, 50, 100, 3354.3% 0.136 54
Honey and Thyme#AAAA00170, 170, 060°, 100%, 33%0, 0, 100, 3371.4% 0.156 110

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AB0102 on #AAAA003.09:1AA large
Aa #AA0055 on #AAAA002.98:1—
Aa #AA00AA on #AAAA002.57:1—
Aa #AA5500 on #AAAA002.11:1—
Aa #AB0102 on #AA55001.46:1—
Aa #AA0055 on #AA55001.41:1—

CSS variables

:root {
  --color-1: #aa00aa; /* Purple Potion */
  --color-2: #aa0055; /* Shy Guy Red */
  --color-3: #ab0102; /* Velvet Volcano */
  --color-4: #aa5500; /* Tijolo */
  --color-5: #aaaa00; /* Honey and Thyme */
}

Other schemes from Velvet Volcano

More dark red analogous color schemes

Questions

What colors go with Velvet Volcano?

In a analogous scheme: Purple Potion (#AA00AA), Shy Guy Red (#AA0055), Tijolo (#AA5500), Honey and Thyme (#AAAA00).

What is the hex code of Velvet Volcano?

#AB0102.