Caramel vs Ginger

Caramel leans orange; Ginger leans brown. The measured difference between their classic values is ΔE 4.2, close: they read as matching at a glance.

Caramel

RGB: 175, 111, 9
HSL: 37, 90%, 36%
OKLCH: 59.6% 0.127 69.4

Temperature: warm

Closest encyclopedia entry: Caramel

Ginger

RGB: 176, 101, 0
HSL: 34, 100%, 35%
OKLCH: 57.9% 0.133 62.5

Temperature: warm

Closest encyclopedia entry: Ginger

Measured difference: ΔE 4.2 · close: they read as matching at a glance. ΔE is a measure of perceived color difference; below 2.3 most people can't tell colors apart.

Guide

How to tell Caramel and Ginger apart

1 Check them against a true neutral gray: subtle undertones surface immediately next to something with no undertone at all.

Guide

When to use which

Caramel is a surface color: it needs a dark background before it can carry text.

Ginger is a surface color: it needs a dark background before it can carry text.

Palettes

Their palettes, side by side

Caramel complementary palette

Ginger complementary palette

Caramel analogous palette

Ginger analogous palette

FAQ

FAQs

Are Caramel and Ginger the same color?

No. Using their classic reference values, they differ by ΔE 4.2 (a measure of perceived color difference; below 2.3 most people can't tell colors apart). That makes them close: they read as matching at a glance.

Which is darker, Caramel or Ginger?

Ginger is darker: 2 points lower in OKLCH lightness than Caramel.