Smoke Dragon Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Smoke Dragon (#CCBBAA), each snapped to its nearest named color.
#8A6E53
#AF9479
#CCBBAA
#E9E1D9
#F6F2F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cupcake | #8A6E53 | 138, 110, 83 | 29°, 25%, 43% | 0, 20, 40, 46 | |
| Nomadic | #AF9479 | 175, 148, 121 | 30°, 25%, 58% | 0, 15, 31, 31 | |
| Smoke Dragon | #CCBBAA | 204, 187, 170 | 30°, 25%, 73% | 0, 8, 17, 20 | |
| Spring Wood | #E9E1D9 | 233, 225, 217 | 30°, 27%, 88% | 0, 3, 7, 9 | |
| Bright White | #F6F2F1 | 246, 242, 241 | 12°, 22%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8A6E53 on #F6F2F1 | 4.26:1 | AA large |
| Aa #8A6E53 on #E9E1D9 | 3.66:1 | AA large |
| Aa #AF9479 on #F6F2F1 | 2.58:1 | — |
| Aa #8A6E53 on #CCBBAA | 2.54:1 | — |
| Aa #AF9479 on #E9E1D9 | 2.21:1 | — |
| Aa #CCBBAA on #F6F2F1 | 1.68:1 | — |
CSS variables
:root {
--color-1: #8a6e53; /* Cupcake */
--color-2: #af9479; /* Nomadic */
--color-3: #ccbbaa; /* Smoke Dragon */
--color-4: #e9e1d9; /* Spring Wood */
--color-5: #f6f2f1; /* Bright White */
}Other schemes from Smoke Dragon
- Smoke Dragon Complementary Color Scheme#CCBBAA#EDE9E4#AABBCC#7C94B2#EAEFF2
- Smoke Dragon Analogous Color Scheme#CAA7BB#CBACAB#CCBBAA#CCCAA8#BACCA8
- Smoke Dragon Triadic Color Scheme#CCBBAA#AACCBB#BCACCD#F1EEEB#7DAF94
- Smoke Dragon Split-complementary Color Scheme#CCBBAA#AECCCB#ACA8CD#AF9479#DCE9E9
- Smoke Dragon Tetradic Color Scheme#CCBBAA#A9CEAA#AABBCC#C9A8CE#F1EEEB
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 Smoke Dragon?
In a monochromatic scheme: Cupcake (#8A6E53), Nomadic (#AF9479), Spring Wood (#E9E1D9), Bright White (#F6F2F1).
What is the hex code of Smoke Dragon?
#CCBBAA.