Mothy Tetradic Color Scheme
Five colors arranged by the tetradic rule around Mothy (#CEBBB3), each snapped to its nearest named color.
#CEBBB3
#BAD1B5
#B0C8D0
#C9AFD0
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mothy | #CEBBB3 | 206, 187, 179 | 18°, 22%, 75% | 0, 9, 13, 19 | |
| Lime Taffy | #BAD1B5 | 186, 209, 181 | 109°, 23%, 76% | 11, 0, 13, 18 | |
| Gentle Sea | #B0C8D0 | 176, 200, 208 | 195°, 25%, 75% | 15, 4, 0, 18 | |
| Windsor Purple | #C9AFD0 | 201, 175, 208 | 287°, 26%, 75% | 3, 16, 0, 18 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C9AFD0 on #F5F0F1 | 1.77:1 | — |
| Aa #CEBBB3 on #F5F0F1 | 1.64:1 | — |
| Aa #B0C8D0 on #F5F0F1 | 1.55:1 | — |
| Aa #BAD1B5 on #F5F0F1 | 1.45:1 | — |
| Aa #BAD1B5 on #C9AFD0 | 1.22:1 | — |
| Aa #B0C8D0 on #C9AFD0 | 1.14:1 | — |
CSS variables
:root {
--color-1: #cebbb3; /* Mothy */
--color-2: #bad1b5; /* Lime Taffy */
--color-3: #b0c8d0; /* Gentle Sea */
--color-4: #c9afd0; /* Windsor Purple */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Mothy
- Mothy Complementary Color Scheme#CEBBB3#F3ECEA#B0C8D0#85A3B2#F1F3F3
- Mothy Analogous Color Scheme#D1B4C6#D1AFB7#CEBBB3#D0C8B0#C5CFB1
- Mothy Triadic Color Scheme#CEBBB3#ACD0BB#B8B0CF#F5F0F1#80B690
- Mothy Split-complementary Color Scheme#CEBBB3#AED0C9#B2B7D1#B28B80#E2EDEB
- Mothy Monochromatic Color Scheme#8B6B58#AC8E84#CEBBB3#ECE4E2#F5F0F1
More Light Orange tetradic palettes
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 3AM Latte Tetradic Color Scheme#C0A98E#96C193#8FA6C1#C189BC#E4DBCE
- Ancestral Gold Tetradic Color Scheme#DDCDA6#AADEB2#A6BADF#DAA6CF#F7F5ED
- Angry Pasta Tetradic Color Scheme#FFCC55#4CFF7B#5588FF#FE4EDA#FDEBBC
- Anise Biscotti Tetradic Color Scheme#E5D5AE#B4E1BB#ADBAE3#E6AED3#F7F5EC
- Another One Bites the Dust Tetradic Color Scheme#C7BBA4#A1C4A8#A5B2C7#C2A4C2#EEEAE2
- Apricot Tetradic Color Scheme#FFB16D#77FF66#75BBFD#FE6FFF#FFE7D5
- Apricotta Tetradic Color Scheme#D8A48F#98D98E#8CC1D6#C687D6#F3E0DB
- Artisans Gold Tetradic Color Scheme#F2AB46#4EFD54#4488EE#E047E1#FAD6A5
- Ashes to Ashes Tetradic Color Scheme#BBB3A2#9FC5AA#9EA5C3#CA99B7#EAE4DA
- Atomic Tangerine Tetradic Color Scheme#FF9966#9AF764#66CCFF#EE66FF#FFDDCC
- Attic Linen Tetradic Color Scheme#CCBCA9#A9CEAA#AABBCC#C9A8CE#F1EEE8
Questions
What colors go with Mothy?
In a tetradic scheme: Lime Taffy (#BAD1B5), Gentle Sea (#B0C8D0), Windsor Purple (#C9AFD0), Plastic Clouds (#F5F0F1).
What is the hex code of Mothy?
#CEBBB3.