Cream and Sugar Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Cream and Sugar (#DDCFB9), each snapped to its nearest named color.
#AB8953
#C4AB86
#DDCFB9
#F4F2EC
#F8F4ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Teak | #AB8953 | 171, 137, 83 | 37°, 35%, 50% | 0, 20, 51, 33 | |
| Croissant | #C4AB86 | 196, 171, 134 | 36°, 34%, 65% | 0, 13, 32, 23 | |
| Cream and Sugar | #DDCFB9 | 221, 207, 185 | 37°, 35%, 80% | 0, 6, 16, 13 | |
| Bit of Sugar | #F4F2EC | 244, 242, 236 | 45°, 27%, 94% | 0, 1, 3, 4 | |
| Crystal Cut | #F8F4ED | 248, 244, 237 | 38°, 44%, 95% | 0, 2, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AB8953 on #F8F4ED | 2.98:1 | — |
| Aa #AB8953 on #F4F2EC | 2.92:1 | — |
| Aa #AB8953 on #DDCFB9 | 2.13:1 | — |
| Aa #C4AB86 on #F8F4ED | 2.01:1 | — |
| Aa #C4AB86 on #F4F2EC | 1.97:1 | — |
| Aa #AB8953 on #C4AB86 | 1.48:1 | — |
CSS variables
:root {
--color-1: #ab8953; /* Teak */
--color-2: #c4ab86; /* Croissant */
--color-3: #ddcfb9; /* Cream and Sugar */
--color-4: #f4f2ec; /* Bit of Sugar */
--color-5: #f8f4ed; /* Crystal Cut */
}Other schemes from Cream and Sugar
- Cream and Sugar Complementary Color Scheme#DDCFB9#F8F4ED#B8C7DB#8A9BC2#EDF2F8
- Cream and Sugar Analogous Color Scheme#DDB6C6#DDBDBA#DDCFB9#DCDDB8#C8DCBB
- Cream and Sugar Triadic Color Scheme#DDCFB9#BADFCD#CEBADA#F8F4ED#87C5AE
- Cream and Sugar Split-complementary Color Scheme#DDCFB9#B7DADD#BBBCDE#C4AB86#EBF6F7
- Cream and Sugar Tetradic Color Scheme#DDCFB9#B6DBBF#B8C7DB#DEB7D9#F8F4ED
More Light Orange monochromatic palettes
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
- 3AM Latte Monochromatic Color Scheme#715A45#A9855D#C0A98E#DACEBE#F6F4EF
- Ancestral Gold Monochromatic Color Scheme#AC8A41#C6AD6F#DDCDA6#F2ECDE#F7F5ED
- Angry Pasta Monochromatic Color Scheme#BE8400#FEB308#FFCC55#FFE1A3#FFF8E4
- Anise Biscotti Monochromatic Color Scheme#BB993A#D1B871#E5D5AE#F9F2E7#F7F5EC
- Another One Bites the Dust Monochromatic Color Scheme#82714D#AB9975#C7BBA4#E4DED2#F6F4EF
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
- Ashes to Ashes Monochromatic Color Scheme#726854#9C8E74#BBB3A2#DBD7CE#F4F4F0
- Atomic Tangerine Monochromatic Color Scheme#CC4400#FF6316#FF9966#FFCCB6#FFECE5
- Attic Linen Monochromatic Color Scheme#8A7054#B09879#CCBCA9#E9E1D9#F6F4EF
Questions
What colors go with Cream and Sugar?
In a monochromatic scheme: Teak (#AB8953), Croissant (#C4AB86), Bit of Sugar (#F4F2EC), Crystal Cut (#F8F4ED).
What is the hex code of Cream and Sugar?
#DDCFB9.