Huebook

Grilled Analogous Color Scheme

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

#692B57
#612E32
#633F2E
#67592A
#54622E

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Velvet Mauve#692B57105, 43, 87317°, 42%, 29%0, 59, 17, 5939.2% 0.106 340
Chocolate Truffle#612E3297, 46, 50355°, 36%, 28%0, 53, 48, 6237.1% 0.074 16
Grilled#633F2E99, 63, 4619°, 37%, 28%0, 36, 54, 6140.5% 0.058 46
Fir Green#67592A103, 89, 4246°, 42%, 28%0, 14, 59, 6046.7% 0.068 93
Basil Green#54622E84, 98, 4676°, 36%, 28%14, 0, 53, 6247.1% 0.077 122

Which pairs work for text

Text on backgroundContrastWCAG
Aa #612E32 on #54622E1.63:1—
Aa #612E32 on #67592A1.56:1—
Aa #692B57 on #54622E1.52:1—
Aa #692B57 on #67592A1.46:1—
Aa #633F2E on #54622E1.39:1—
Aa #633F2E on #67592A1.33:1—

CSS variables

:root {
  --color-1: #692b57; /* Velvet Mauve */
  --color-2: #612e32; /* Chocolate Truffle */
  --color-3: #633f2e; /* Grilled */
  --color-4: #67592a; /* Fir Green */
  --color-5: #54622e; /* Basil Green */
}

Other schemes from Grilled

More dark orange analogous color schemes

Questions

What colors go with Grilled?

In a analogous scheme: Velvet Mauve (#692B57), Chocolate Truffle (#612E32), Fir Green (#67592A), Basil Green (#54622E).

What is the hex code of Grilled?

#633F2E.