Smoke Dragon Complementary Color Scheme
Five colors arranged by the complementary rule around Smoke Dragon (#CCBBAA), each snapped to its nearest named color.
#CCBBAA
#EDE9E4
#AABBCC
#7C94B2
#EAEFF2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Smoke Dragon | #CCBBAA | 204, 187, 170 | 30°, 25%, 73% | 0, 8, 17, 20 | |
| Downy Fluff | #EDE9E4 | 237, 233, 228 | 33°, 20%, 91% | 0, 2, 4, 7 | |
| Wood Pigeon | #AABBCC | 170, 187, 204 | 210°, 25%, 73% | 17, 8, 0, 20 | |
| Accolade | #7C94B2 | 124, 148, 178 | 213°, 26%, 59% | 30, 17, 0, 30 | |
| Distant Wind Chime | #EAEFF2 | 234, 239, 242 | 202°, 24%, 93% | 3, 1, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7C94B2 on #EAEFF2 | 2.69:1 | — |
| Aa #EDE9E4 on #7C94B2 | 2.58:1 | — |
| Aa #AABBCC on #EAEFF2 | 1.70:1 | — |
| Aa #CCBBAA on #7C94B2 | 1.67:1 | — |
| Aa #EDE9E4 on #AABBCC | 1.63:1 | — |
| Aa #CCBBAA on #EAEFF2 | 1.61:1 | — |
CSS variables
:root {
--color-1: #ccbbaa; /* Smoke Dragon */
--color-2: #ede9e4; /* Downy Fluff */
--color-3: #aabbcc; /* Wood Pigeon */
--color-4: #7c94b2; /* Accolade */
--color-5: #eaeff2; /* Distant Wind Chime */
}Other schemes from Smoke Dragon
- 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
- Smoke Dragon Monochromatic Color Scheme#8A6E53#AF9479#CCBBAA#E9E1D9#F6F2F1
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Smoke Dragon?
In a complementary scheme: Downy Fluff (#EDE9E4), Wood Pigeon (#AABBCC), Accolade (#7C94B2), Distant Wind Chime (#EAEFF2).
What is the hex code of Smoke Dragon?
#CCBBAA.