Huebook

Cafe Latte Analogous Color Scheme

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

#D3B2C3
#D8B4B6
#D6C6B4
#D2D8B5
#C1D6B1

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Tranquil Dusk#D3B2C3211, 178, 195329°, 27%, 76%0, 16, 8, 1779.7% 0.044 346
Pink Flare#D8B4B6216, 180, 182357°, 32%, 78%0, 17, 16, 1580.2% 0.042 14
Cafe Latte#D6C6B4214, 198, 18032°, 29%, 77%0, 7, 16, 1683.5% 0.030 71
Prairie Willow#D2D8B5210, 216, 18170°, 31%, 78%3, 0, 16, 1586.8% 0.047 115
Meadow Grass#C1D6B1193, 214, 17794°, 31%, 77%10, 0, 17, 1685.1% 0.055 132

Which pairs work for text

Text on backgroundContrastWCAG
Aa #D3B2C3 on #D2D8B51.30:1—
Aa #D8B4B6 on #D2D8B51.28:1—
Aa #D3B2C3 on #C1D6B11.24:1—
Aa #D8B4B6 on #C1D6B11.22:1—
Aa #D3B2C3 on #D6C6B41.15:1—
Aa #D8B4B6 on #D6C6B41.13:1—

CSS variables

:root {
  --color-1: #d3b2c3; /* Tranquil Dusk */
  --color-2: #d8b4b6; /* Pink Flare */
  --color-3: #d6c6b4; /* Cafe Latte */
  --color-4: #d2d8b5; /* Prairie Willow */
  --color-5: #c1d6b1; /* Meadow Grass */
}

Other schemes from Cafe Latte

More light orange analogous color schemes

Questions

What colors go with Cafe Latte?

In a analogous scheme: Tranquil Dusk (#D3B2C3), Pink Flare (#D8B4B6), Prairie Willow (#D2D8B5), Meadow Grass (#C1D6B1).

What is the hex code of Cafe Latte?

#D6C6B4.