Mothy Complementary Color Scheme
Five colors arranged by the complementary rule around Mothy (#CEBBB3), each snapped to its nearest named color.
#CEBBB3
#F3ECEA
#B0C8D0
#85A3B2
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mothy | #CEBBB3 | 206, 187, 179 | 18°, 22%, 75% | 0, 9, 13, 19 | |
| Bunny Hop | #F3ECEA | 243, 236, 234 | 13°, 27%, 94% | 0, 3, 4, 5 | |
| Gentle Sea | #B0C8D0 | 176, 200, 208 | 195°, 25%, 75% | 15, 4, 0, 18 | |
| Grauzone | #85A3B2 | 133, 163, 178 | 200°, 23%, 61% | 25, 8, 0, 30 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #85A3B2 on #F1F3F3 | 2.39:1 | — |
| Aa #F3ECEA on #85A3B2 | 2.28:1 | — |
| Aa #CEBBB3 on #F1F3F3 | 1.66:1 | — |
| Aa #CEBBB3 on #F3ECEA | 1.58:1 | — |
| Aa #B0C8D0 on #F1F3F3 | 1.57:1 | — |
| Aa #B0C8D0 on #85A3B2 | 1.53:1 | — |
CSS variables
:root {
--color-1: #cebbb3; /* Mothy */
--color-2: #f3ecea; /* Bunny Hop */
--color-3: #b0c8d0; /* Gentle Sea */
--color-4: #85a3b2; /* Grauzone */
--color-5: #f1f3f3; /* Zappy Zebra */
}Other schemes from Mothy
- 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 Tetradic Color Scheme#CEBBB3#BAD1B5#B0C8D0#C9AFD0#F5F0F1
- Mothy Monochromatic Color Scheme#8B6B58#AC8E84#CEBBB3#ECE4E2#F5F0F1
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 Mothy?
In a complementary scheme: Bunny Hop (#F3ECEA), Gentle Sea (#B0C8D0), Grauzone (#85A3B2), Zappy Zebra (#F1F3F3).
What is the hex code of Mothy?
#CEBBB3.