Zen Pebble Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Zen Pebble (#BAB8AD), each snapped to its nearest named color.
#BAB8AD
#A5B8C5
#B3A1C6
#ADA274
#D1DEE4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Zen Pebble | #BAB8AD | 186, 184, 173 | 51°, 9%, 70% | 0, 1, 7, 27 | 78.1% 0.015 98 | |
| Hazy Daze | #A5B8C5 | 165, 184, 197 | 204°, 22%, 71% | 16, 7, 0, 23 | 77.2% 0.028 238 | |
| Berry Frappé | #B3A1C6 | 179, 161, 198 | 269°, 25%, 70% | 10, 19, 0, 22 | 73.7% 0.056 307 | |
| Throw Rug | #ADA274 | 173, 162, 116 | 48°, 26%, 57% | 0, 6, 33, 32 | 71.0% 0.064 96 | |
| Breakwater | #D1DEE4 | 209, 222, 228 | 199°, 26%, 86% | 8, 3, 0, 11 | 89.3% 0.016 227 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ADA274 on #D1DEE4 | 1.86:1 | — |
| Aa #B3A1C6 on #D1DEE4 | 1.73:1 | — |
| Aa #A5B8C5 on #D1DEE4 | 1.49:1 | — |
| Aa #BAB8AD on #D1DEE4 | 1.45:1 | — |
| Aa #BAB8AD on #ADA274 | 1.29:1 | — |
| Aa #A5B8C5 on #ADA274 | 1.25:1 | — |
CSS variables
:root {
--color-1: #bab8ad; /* Zen Pebble */
--color-2: #a5b8c5; /* Hazy Daze */
--color-3: #b3a1c6; /* Berry Frappé */
--color-4: #ada274; /* Throw Rug */
--color-5: #d1dee4; /* Breakwater */
}Other schemes from Zen Pebble
- Zen Pebble Complementary Color Scheme#BAB8AD#EAE7DA#A6A8C5#777BA9#E2E2ED
- Zen Pebble Analogous Color Scheme#C7A1A9#C5B1A0#BAB8AD#BCC6A2#A2C7A3
- Zen Pebble Triadic Color Scheme#BAB8AD#A4C3C5#C0A2C7#EDEBE1#71A6A1
- Zen Pebble Tetradic Color Scheme#BAB8AD#A2C2B0#A6A8C5#C8A3B8#EDEBE1
- Zen Pebble Monochromatic Color Scheme#706D5E#969582#BAB8AD#DDDDD6#F3F3F2
More light gray split-complementary color schemes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- 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
Questions
What colors go with Zen Pebble?
In a split-complementary scheme: Hazy Daze (#A5B8C5), Berry Frappé (#B3A1C6), Throw Rug (#ADA274), Breakwater (#D1DEE4).
What is the hex code of Zen Pebble?
#BAB8AD.