Mothy Triadic Color Scheme
Five colors arranged by the triadic rule around Mothy (#CEBBB3), each snapped to its nearest named color.
#CEBBB3
#ACD0BB
#B8B0CF
#F5F0F1
#80B690
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mothy | #CEBBB3 | 206, 187, 179 | 18°, 22%, 75% | 0, 9, 13, 19 | |
| Misty Jade | #ACD0BB | 172, 208, 187 | 145°, 28%, 75% | 17, 0, 10, 18 | |
| Petunia Trail | #B8B0CF | 184, 176, 207 | 255°, 24%, 75% | 11, 15, 0, 19 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 | |
| Veiled Chameleon | #80B690 | 128, 182, 144 | 138°, 27%, 61% | 30, 0, 21, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F5F0F1 on #80B690 | 2.07:1 | — |
| Aa #B8B0CF on #F5F0F1 | 1.83:1 | — |
| Aa #CEBBB3 on #F5F0F1 | 1.64:1 | — |
| Aa #ACD0BB on #F5F0F1 | 1.49:1 | — |
| Aa #ACD0BB on #80B690 | 1.39:1 | — |
| Aa #CEBBB3 on #80B690 | 1.26:1 | — |
CSS variables
:root {
--color-1: #cebbb3; /* Mothy */
--color-2: #acd0bb; /* Misty Jade */
--color-3: #b8b0cf; /* Petunia Trail */
--color-4: #f5f0f1; /* Plastic Clouds */
--color-5: #80b690; /* Veiled Chameleon */
}Other schemes from Mothy
- Mothy Complementary Color Scheme#CEBBB3#F3ECEA#B0C8D0#85A3B2#F1F3F3
- Mothy Analogous Color Scheme#D1B4C6#D1AFB7#CEBBB3#D0C8B0#C5CFB1
- Mothy Split-complementary Color Scheme#CEBBB3#AED0C9#B2B7D1#B28B80#E2EDEB
- Mothy Tetradic Color Scheme#CEBBB3#BAD1B5#B0C8D0#C9AFD0#F5F0F1
- Mothy Monochromatic Color Scheme#8B6B58#AC8E84#CEBBB3#ECE4E2#F5F0F1
More Light Orange triadic palettes
- 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 Mothy?
In a triadic scheme: Misty Jade (#ACD0BB), Petunia Trail (#B8B0CF), Plastic Clouds (#F5F0F1), Veiled Chameleon (#80B690).
What is the hex code of Mothy?
#CEBBB3.