Mushroom Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mushroom (#BDACA3), each snapped to its nearest named color.
#BDACA3
#9CC2BF
#9EA5C3
#A8816F
#CCE2DD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mushroom | #BDACA3 | 189, 172, 163 | 21°, 16%, 69% | 0, 9, 14, 26 | |
| Bleu Nattier | #9CC2BF | 156, 194, 191 | 175°, 24%, 69% | 20, 0, 2, 24 | |
| Wild Phlox | #9EA5C3 | 158, 165, 195 | 229°, 24%, 69% | 19, 15, 0, 24 | |
| Cocoa Nutmeg | #A8816F | 168, 129, 111 | 19°, 25%, 55% | 0, 23, 34, 34 | |
| Ice Bomb | #CCE2DD | 204, 226, 221 | 166°, 27%, 84% | 10, 0, 2, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A8816F on #CCE2DD | 2.57:1 | — |
| Aa #9CC2BF on #A8816F | 1.80:1 | — |
| Aa #9EA5C3 on #CCE2DD | 1.80:1 | — |
| Aa #BDACA3 on #CCE2DD | 1.61:1 | — |
| Aa #BDACA3 on #A8816F | 1.59:1 | — |
| Aa #9EA5C3 on #A8816F | 1.43:1 | — |
CSS variables
:root {
--color-1: #bdaca3; /* Mushroom */
--color-2: #9cc2bf; /* Bleu Nattier */
--color-3: #9ea5c3; /* Wild Phlox */
--color-4: #a8816f; /* Cocoa Nutmeg */
--color-5: #cce2dd; /* Ice Bomb */
}Other schemes from Mushroom
- Mushroom Complementary Color Scheme#BDACA3#E6DAD6#9FB6C6#7195A6#DCE5EB
- Mushroom Analogous Color Scheme#C89EB7#C59EA1#BDACA3#C5BD9C#B3C39C
- Mushroom Triadic Color Scheme#BDACA3#9FC5AA#A99EC1#EAE1DD#67A181
- Mushroom Tetradic Color Scheme#BDACA3#A2C09B#9FB6C6#BE9CC1#EAE1DD
- Mushroom Monochromatic Color Scheme#735C53#9D8376#BDACA3#DDD4CE#F6F2F1
More Light Orange split-complementary palettes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Mushroom?
In a split-complementary scheme: Bleu Nattier (#9CC2BF), Wild Phlox (#9EA5C3), Cocoa Nutmeg (#A8816F), Ice Bomb (#CCE2DD).
What is the hex code of Mushroom?
#BDACA3.