Brume Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Brume (#C6C6C2), each snapped to its nearest named color.
#C6C6C2
#B6C4D2
#C3B5D4
#B1B787
#E4EAED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Brume | #C6C6C2 | 198, 198, 194 | 60°, 3%, 77% | 0, 0, 2, 22 | |
| Bypass | #B6C4D2 | 182, 196, 210 | 210°, 24%, 77% | 13, 7, 0, 18 | |
| Plumeria | #C3B5D4 | 195, 181, 212 | 267°, 26%, 77% | 8, 15, 0, 17 | |
| Lima Green | #B1B787 | 177, 183, 135 | 68°, 25%, 62% | 3, 0, 26, 28 | |
| Calla Lily | #E4EAED | 228, 234, 237 | 200°, 20%, 91% | 4, 1, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B1B787 on #E4EAED | 1.73:1 | — |
| Aa #C3B5D4 on #E4EAED | 1.59:1 | — |
| Aa #B6C4D2 on #E4EAED | 1.46:1 | — |
| Aa #C6C6C2 on #E4EAED | 1.41:1 | — |
| Aa #C6C6C2 on #B1B787 | 1.23:1 | — |
| Aa #B6C4D2 on #B1B787 | 1.18:1 | — |
CSS variables
:root {
--color-1: #c6c6c2; /* Brume */
--color-2: #b6c4d2; /* Bypass */
--color-3: #c3b5d4; /* Plumeria */
--color-4: #b1b787; /* Lima Green */
--color-5: #e4eaed; /* Calla Lily */
}Other schemes from Brume
- Brume Complementary Color Scheme#C6C6C2#F6F4EF#B2B7D1#8881B0#EBF1F5
- Brume Analogous Color Scheme#D8B4B6#D4C5B4#C6C6C2#C5D1B2#B1D4B7
- Brume Triadic Color Scheme#C6C6C2#B4D5D5#D5B6D4#F6F4EF#87B8B5
- Brume Tetradic Color Scheme#C6C6C2#B6D3C5#B2B7D1#D1B6C3#F6F4EF
- Brume Monochromatic Color Scheme#7C7C72#A0A09A#C6C6C2#ECEBEA#F3F3F2
More Light Gray split-complementary palettes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
- Dust to Dust Split-complementary Color Scheme#BBBCBC#CEAEBB#CCBBAA#79AFAD#E7DBE1
Questions
What colors go with Brume?
In a split-complementary scheme: Bypass (#B6C4D2), Plumeria (#C3B5D4), Lima Green (#B1B787), Calla Lily (#E4EAED).
What is the hex code of Brume?
#C6C6C2.