Coca Mocha Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Coca Mocha (#BD9D95), each snapped to its nearest named color.
#BD9D95
#95BFB2
#92A2BB
#A57164
#C3DCD5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coca Mocha | #BD9D95 | 189, 157, 149 | 12°, 23%, 66% | 0, 17, 21, 26 | |
| Scenic View | #95BFB2 | 149, 191, 178 | 161°, 25%, 67% | 22, 0, 7, 25 | |
| Faded Lilac | #92A2BB | 146, 162, 187 | 217°, 23%, 65% | 22, 13, 0, 27 | |
| Blast-Off Bronze | #A57164 | 165, 113, 100 | 12°, 27%, 52% | 0, 32, 39, 35 | |
| Green Wave | #C3DCD5 | 195, 220, 213 | 163°, 26%, 81% | 11, 0, 3, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A57164 on #C3DCD5 | 2.82:1 | — |
| Aa #95BFB2 on #A57164 | 2.02:1 | — |
| Aa #92A2BB on #C3DCD5 | 1.79:1 | — |
| Aa #BD9D95 on #C3DCD5 | 1.72:1 | — |
| Aa #BD9D95 on #A57164 | 1.64:1 | — |
| Aa #92A2BB on #A57164 | 1.58:1 | — |
CSS variables
:root {
--color-1: #bd9d95; /* Coca Mocha */
--color-2: #95bfb2; /* Scenic View */
--color-3: #92a2bb; /* Faded Lilac */
--color-4: #a57164; /* Blast-Off Bronze */
--color-5: #c3dcd5; /* Green Wave */
}Other schemes from Coca Mocha
- Coca Mocha Complementary Color Scheme#BD9D95#E3D1CC#91B2BC#6797A2#D4E2E6
- Coca Mocha Analogous Color Scheme#BF91B2#BE9AA2#BD9D95#BEB394#B4BE93
- Coca Mocha Triadic Color Scheme#BD9D95#90BE9D#9791BC#E5D7D4#6CA178
- Coca Mocha Tetradic Color Scheme#BD9D95#A5BE8F#91B2BC#AF92BD#E5D7D4
- Coca Mocha Monochromatic Color Scheme#705046#A47365#BD9D95#D9CAC3#F4EFEE
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Coca Mocha?
In a split-complementary scheme: Scenic View (#95BFB2), Faded Lilac (#92A2BB), Blast-Off Bronze (#A57164), Green Wave (#C3DCD5).
What is the hex code of Coca Mocha?
#BD9D95.