Smoke Dragon Triadic Color Scheme
Five colors arranged by the triadic rule around Smoke Dragon (#CCBBAA), each snapped to its nearest named color.
#CCBBAA
#AACCBB
#BCACCD
#F1EEEB
#7DAF94
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Smoke Dragon | #CCBBAA | 204, 187, 170 | 30°, 25%, 73% | 0, 8, 17, 20 | 80.2% 0.030 67 | |
| Greywacke | #AACCBB | 170, 204, 187 | 150°, 25%, 73% | 17, 0, 8, 20 | 81.5% 0.043 164 | |
| Jacey’s Favourite | #BCACCD | 188, 172, 205 | 269°, 25%, 74% | 8, 16, 0, 20 | 76.9% 0.050 307 | |
| Snowy Mount | #F1EEEB | 241, 238, 235 | 30°, 18%, 93% | 0, 1, 2, 5 | 95.1% 0.005 68 | |
| Nature Green | #7DAF94 | 125, 175, 148 | 148°, 24%, 59% | 29, 0, 15, 31 | 71.1% 0.066 161 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1EEEB on #7DAF94 | 2.15:1 | — |
| Aa #BCACCD on #F1EEEB | 1.83:1 | — |
| Aa #CCBBAA on #F1EEEB | 1.61:1 | — |
| Aa #AACCBB on #F1EEEB | 1.51:1 | — |
| Aa #AACCBB on #7DAF94 | 1.43:1 | — |
| Aa #CCBBAA on #7DAF94 | 1.33:1 | — |
CSS variables
:root {
--color-1: #ccbbaa; /* Smoke Dragon */
--color-2: #aaccbb; /* Greywacke */
--color-3: #bcaccd; /* Jacey’s Favourite */
--color-4: #f1eeeb; /* Snowy Mount */
--color-5: #7daf94; /* Nature Green */
}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 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 triadic color schemes
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
Questions
What colors go with Smoke Dragon?
In a triadic scheme: Greywacke (#AACCBB), Jacey’s Favourite (#BCACCD), Snowy Mount (#F1EEEB), Nature Green (#7DAF94).
What is the hex code of Smoke Dragon?
#CCBBAA.