Cafe Latte Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cafe Latte (#D6C6B4), each snapped to its nearest named color.
#D6C6B4
#B4D5D5
#B4B6DA
#B7A083
#E6F1F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cafe Latte | #D6C6B4 | 214, 198, 180 | 32°, 29%, 77% | 0, 7, 16, 16 | |
| Dante Peak | #B4D5D5 | 180, 213, 213 | 180°, 28%, 77% | 15, 0, 0, 16 | |
| Wild Orchid Blue | #B4B6DA | 180, 182, 218 | 237°, 34%, 78% | 17, 17, 0, 15 | |
| Craft Brown | #B7A083 | 183, 160, 131 | 33°, 27%, 62% | 0, 13, 28, 28 | |
| Ethereal White | #E6F1F1 | 230, 241, 241 | 180°, 28%, 92% | 5, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B7A083 on #E6F1F1 | 2.18:1 | — |
| Aa #B4B6DA on #E6F1F1 | 1.71:1 | — |
| Aa #B4D5D5 on #B7A083 | 1.60:1 | — |
| Aa #D6C6B4 on #B7A083 | 1.50:1 | — |
| Aa #D6C6B4 on #E6F1F1 | 1.45:1 | — |
| Aa #B4D5D5 on #E6F1F1 | 1.36:1 | — |
CSS variables
:root {
--color-1: #d6c6b4; /* Cafe Latte */
--color-2: #b4d5d5; /* Dante Peak */
--color-3: #b4b6da; /* Wild Orchid Blue */
--color-4: #b7a083; /* Craft Brown */
--color-5: #e6f1f1; /* Ethereal White */
}Other schemes from Cafe Latte
- Cafe Latte Complementary Color Scheme#D6C6B4#F6F2F1#B3C4D5#869CBB#EDF2F8
- Cafe Latte Analogous Color Scheme#D3B2C3#D8B4B6#D6C6B4#D2D8B5#C1D6B1
- Cafe Latte Triadic Color Scheme#D6C6B4#B3D6C3#C3B5D4#F6F2F1#86B7A1
- Cafe Latte Tetradic Color Scheme#D6C6B4#B1D4B7#B3C4D5#D4B4D5#F6F2F1
- Cafe Latte Monochromatic Color Scheme#9D7957#B7A083#D6C6B4#F1EDE5#F6F2F1
More Light Orange split-complementary palettes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Cafe Latte?
In a split-complementary scheme: Dante Peak (#B4D5D5), Wild Orchid Blue (#B4B6DA), Craft Brown (#B7A083), Ethereal White (#E6F1F1).
What is the hex code of Cafe Latte?
#D6C6B4.