Huebook

Honeycomb Analogous Color Scheme

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

#DD1144
#DD4411
#DDAA11
#A2DB10
#44DD00

Color names and codes

NameHEXRGBHSLCMYK
Red Herring#DD1144221, 17, 68345°, 86%, 47%0, 92, 69, 13
Tail Lights#DD4411221, 68, 1715°, 86%, 47%0, 69, 92, 13
Honeycomb#DDAA11221, 170, 1745°, 86%, 47%0, 23, 92, 13
Moot Green#A2DB10162, 219, 1677°, 86%, 46%26, 0, 93, 14
Magic Blade#44DD0068, 221, 0102°, 100%, 43%69, 0, 100, 13

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DD1144 on #A2DB102.99:1—
Aa #DD1144 on #44DD002.73:1—
Aa #DD4411 on #A2DB102.58:1—
Aa #DD4411 on #44DD002.36:1—
Aa #DD1144 on #DDAA112.32:1—
Aa #DD4411 on #DDAA112.00:1—

CSS variables

:root {
  --color-1: #dd1144; /* Red Herring */
  --color-2: #dd4411; /* Tail Lights */
  --color-3: #ddaa11; /* Honeycomb */
  --color-4: #a2db10; /* Moot Green */
  --color-5: #44dd00; /* Magic Blade */
}

Other schemes from Honeycomb

More Medium Orange analogous palettes

Questions

What colors go with Honeycomb?

In a analogous scheme: Red Herring (#DD1144), Tail Lights (#DD4411), Moot Green (#A2DB10), Magic Blade (#44DD00).

What is the hex code of Honeycomb?

#DDAA11.