Huebook

Noxious Analogous Color Scheme

Five colors arranged by the analogous rule around Noxious (#89A203), each snapped to its nearest named color.

#A81C07
#A06600
#89A203
#33AA00
#00AA11

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Rufous#A81C07168, 28, 78°, 92%, 34%0, 83, 96, 3447.2% 0.177 31
Cumin Ochre#A06600160, 102, 038°, 100%, 31%0, 36, 100, 3756.0% 0.121 71
Noxious#89A203137, 162, 369°, 96%, 32%15, 0, 98, 3666.9% 0.158 120
Candy Grass#33AA0051, 170, 0102°, 100%, 33%70, 0, 100, 3364.6% 0.208 140
Hedged Garden#00AA110, 170, 17126°, 100%, 33%100, 0, 90, 3364.0% 0.214 143

Which pairs work for text

Text on backgroundContrastWCAG
Aa #A81C07 on #89A2032.55:1—
Aa #A81C07 on #33AA002.43:1—
Aa #A81C07 on #00AA112.38:1—
Aa #A06600 on #89A2031.65:1—
Aa #A06600 on #33AA001.57:1—
Aa #A81C07 on #A066001.55:1—

CSS variables

:root {
  --color-1: #a81c07; /* Rufous */
  --color-2: #a06600; /* Cumin Ochre */
  --color-3: #89a203; /* Noxious */
  --color-4: #33aa00; /* Candy Grass */
  --color-5: #00aa11; /* Hedged Garden */
}

Other schemes from Noxious

More dark yellow analogous color schemes

Questions

What colors go with Noxious?

In a analogous scheme: Rufous (#A81C07), Cumin Ochre (#A06600), Candy Grass (#33AA00), Hedged Garden (#00AA11).

What is the hex code of Noxious?

#89A203.