Pebble Beach Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pebble Beach (#DED8DC), each snapped to its nearest named color.
#DED8DC
#D6E4D4
#D4E3E2
#C8A3BB
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pebble Beach | #DED8DC | 222, 216, 220 | 320°, 8%, 86% | 0, 3, 1, 13 | |
| Light Mystified | #D6E4D4 | 214, 228, 212 | 113°, 23%, 86% | 6, 0, 7, 11 | |
| Meadowsweet Mist | #D4E3E2 | 212, 227, 226 | 176°, 21%, 86% | 7, 0, 0, 11 | |
| Exquisite | #C8A3BB | 200, 163, 187 | 321°, 25%, 71% | 0, 19, 7, 22 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C8A3BB on #EFF5F1 | 2.02:1 | — |
| Aa #D6E4D4 on #C8A3BB | 1.69:1 | — |
| Aa #D4E3E2 on #C8A3BB | 1.69:1 | — |
| Aa #DED8DC on #C8A3BB | 1.59:1 | — |
| Aa #DED8DC on #EFF5F1 | 1.27:1 | — |
| Aa #D4E3E2 on #EFF5F1 | 1.20:1 | — |
CSS variables
:root {
--color-1: #ded8dc; /* Pebble Beach */
--color-2: #d6e4d4; /* Light Mystified */
--color-3: #d4e3e2; /* Meadowsweet Mist */
--color-4: #c8a3bb; /* Exquisite */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Pebble Beach
- Pebble Beach Complementary Color Scheme#DED8DC#F5F0F1#D4E3D7#A2C2B0#EFF5F1
- Pebble Beach Analogous Color Scheme#D9D3E5#E0D5E3#DED8DC#E3D0D5#E6D8D2
- Pebble Beach Triadic Color Scheme#DED8DC#DCE3D1#D1DEE4#F5F0F1#BCC6A2
- Pebble Beach Tetradic Color Scheme#DED8DC#E4E1D3#D4E3D7#D3D4E5#F5F0F1
- Pebble Beach Monochromatic Color Scheme#948593#BDAEB7#DED8DC#F3F1F3#F3F1F3
More Very Light Gray split-complementary palettes
- Alaska Split-complementary Color Scheme#DADAD1#C9D4E1#D8CBE0#C8C197#EEF2F3
- Apollo Landing Split-complementary Color Scheme#E5E5E1#DCE4E9#E5DBEB#CECDAD#EEF2F3
- Big Fish to Fry Split-complementary Color Scheme#DADBE1#E6DAD6#E1E5D7#A6A8C5#F5F0F1
- Blowing Smoke Split-complementary Color Scheme#D2D1D0#C6DEDF#C7C5DC#C0AD96#F0F4F2
- Chrome Split-complementary Color Scheme#E1DFE1#E0EAD8#D7E7E0#C9A8CE#F4F4F0
- Closet Skeletons Split-complementary Color Scheme#E1DED9#D6E3E7#D6D4E6#CABCA4#F0F4F2
- Coconut Agony Split-complementary Color Scheme#EBE8E7#E4EEEB#E2E6EF#D2BBB2#F0F4F2
- Columbo’s Coat Split-complementary Color Scheme#D0CBCE#C1D8C5#C1D8D9#BA90AD#EFF5F1
- Concrete Split-complementary Color Scheme#D2D1CD#C4D3DC#CBC5D9#BEB394#F1F3F3
- Day on Mercury Split-complementary Color Scheme#D5D2D1#C8DDDA#CACFDC#C1A097#F0F4F2
- Desired Dawn Split-complementary Color Scheme#D8D7D9#E1E2CF#D2E3CC#AF9FCA#F6F4EF
- Diamonds in the Sky Split-complementary Color Scheme#E5E2E1#DCECE7#DCE0EA#CDB3AC#F0F4F2
Questions
What colors go with Pebble Beach?
In a split-complementary scheme: Light Mystified (#D6E4D4), Meadowsweet Mist (#D4E3E2), Exquisite (#C8A3BB), Heavy Sugar (#EFF5F1).
What is the hex code of Pebble Beach?
#DED8DC.