Mecha Kitty Complementary Color Scheme
Five colors arranged by the complementary rule around Mecha Kitty (#D0C4D3), each snapped to its nearest named color.
#D0C4D3
#F6F1F4
#C3D6BD
#99BD91
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mecha Kitty | #D0C4D3 | 208, 196, 211 | 288°, 15%, 80% | 1, 7, 0, 17 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 | |
| Surf Crest | #C3D6BD | 195, 214, 189 | 106°, 23%, 79% | 9, 0, 12, 16 | |
| Milly Green | #99BD91 | 153, 189, 145 | 109°, 25%, 65% | 19, 0, 23, 26 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #99BD91 on #EFF5F1 | 1.89:1 | — |
| Aa #F6F1F4 on #99BD91 | 1.87:1 | — |
| Aa #D0C4D3 on #EFF5F1 | 1.52:1 | — |
| Aa #D0C4D3 on #F6F1F4 | 1.50:1 | — |
| Aa #C3D6BD on #EFF5F1 | 1.39:1 | — |
| Aa #F6F1F4 on #C3D6BD | 1.38:1 | — |
CSS variables
:root {
--color-1: #d0c4d3; /* Mecha Kitty */
--color-2: #f6f1f4; /* Grim White */
--color-3: #c3d6bd; /* Surf Crest */
--color-4: #99bd91; /* Milly Green */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Mecha Kitty
- Mecha Kitty Analogous Color Scheme#BEC6D6#CBBDD7#D0C4D3#D8BFD4#D8BFC8
- Mecha Kitty Triadic Color Scheme#D0C4D3#D8D4BF#BCD8D2#F6F1F4#BDB38F
- Mecha Kitty Split-complementary Color Scheme#D0C4D3#D0D8BE#BFD6C8#B48FBD#F5F4ED
- Mecha Kitty Tetradic Color Scheme#D0C4D3#D6C7BE#C3D6BD#BED0DA#F6F1F4
- Mecha Kitty Monochromatic Color Scheme#8E6C94#B19BB0#D0C4D3#F3F1F3#F3F1F3
More Light Purple complementary palettes
- Amethyst Complementary Color Scheme#9966CC#C2B2F0#93C96A#77AD3B#CAE4B2
- Bubblegum Baby Girl Complementary Color Scheme#CC55EE#E9AEF2#70F15E#4BEC13#C7FDB5
- Dream Vapour Complementary Color Scheme#CC99EE#F3E9F7#BBEE99#80E45F#F1FAEA
- Dreamy Candy Forest Complementary Color Scheme#B195E4#E6DEF0#D4E092#ABD35D#F3F9E9
- Enchanted Lavender Complementary Color Scheme#BFA3D9#F0E5F5#B8D7A6#93C572#F1F8EC
- Enchanted Lilac Complementary Color Scheme#A893C1#D5CDE3#AFC195#8CA468#DEE7D4
- Fake Love Complementary Color Scheme#CC77EE#E8CEF6#96F97B#68E52F#DBF4D8
- Flaming Flamingo Complementary Color Scheme#DD55FF#F8B3FF#66FF55#3FFF00#CFFDBC
- Flamingo Queen Complementary Color Scheme#CC33FF#EE88FF#66FF22#33EE00#B1FC99
- Fleur-De-Lis Complementary Color Scheme#B090C7#D9CDE5#A3C893#75AD5B#DBE9D5
- Fog Syringa Complementary Color Scheme#C4BAD2#F3F1F3#C8D5BB#A4BA8A#F4F4F0
- Illicit Purple Complementary Color Scheme#BF77F6#E4CBFF#A9F971#88EE22#E9FFDB
Questions
What colors go with Mecha Kitty?
In a complementary scheme: Grim White (#F6F1F4), Surf Crest (#C3D6BD), Milly Green (#99BD91), Heavy Sugar (#EFF5F1).
What is the hex code of Mecha Kitty?
#D0C4D3.