Huebook

Poisonous Potion Analogous Color Scheme

Five colors arranged by the analogous rule around Poisonous Potion (#99DD33), each snapped to its nearest named color.

#DD7733
#DDCC33
#99DD33
#58D332
#24DD7E

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Snobby Shore#DD7733221, 119, 5124°, 71%, 53%0, 46, 77, 1367.3% 0.150 51
Mustard on Toast#DDCC33221, 204, 5154°, 71%, 53%0, 8, 77, 1383.4% 0.162 103
Poisonous Potion#99DD33153, 221, 5184°, 71%, 53%31, 0, 77, 1382.2% 0.203 130
Download Progress#58D33288, 211, 50106°, 65%, 51%58, 0, 76, 1776.7% 0.222 140
Shivering Green#24DD7E36, 221, 126149°, 73%, 50%84, 0, 43, 1379.0% 0.193 154

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DD7733 on #DDCC331.89:1—
Aa #DD7733 on #99DD331.89:1—
Aa #DD7733 on #24DD7E1.73:1—
Aa #DD7733 on #58D3321.59:1—
Aa #DDCC33 on #58D3321.18:1—
Aa #99DD33 on #58D3321.18:1—

CSS variables

:root {
  --color-1: #dd7733; /* Snobby Shore */
  --color-2: #ddcc33; /* Mustard on Toast */
  --color-3: #99dd33; /* Poisonous Potion */
  --color-4: #58d332; /* Download Progress */
  --color-5: #24dd7e; /* Shivering Green */
}

Other schemes from Poisonous Potion

More medium green analogous color schemes

Questions

What colors go with Poisonous Potion?

In a analogous scheme: Snobby Shore (#DD7733), Mustard on Toast (#DDCC33), Download Progress (#58D332), Shivering Green (#24DD7E).

What is the hex code of Poisonous Potion?

#99DD33.