Pebble Beach Triadic Color Scheme
Five colors arranged by the triadic rule around Pebble Beach (#DED8DC), each snapped to its nearest named color.
#DED8DC
#DCE3D1
#D1DEE4
#F5F0F1
#BCC6A2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pebble Beach | #DED8DC | 222, 216, 220 | 320°, 8%, 86% | 0, 3, 1, 13 | |
| Mystical Sea | #DCE3D1 | 220, 227, 209 | 83°, 24%, 85% | 3, 0, 8, 11 | |
| Breakwater | #D1DEE4 | 209, 222, 228 | 199°, 26%, 86% | 8, 3, 0, 11 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 | |
| Seagrass | #BCC6A2 | 188, 198, 162 | 77°, 24%, 71% | 5, 0, 18, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F5F0F1 on #BCC6A2 | 1.59:1 | — |
| Aa #DCE3D1 on #BCC6A2 | 1.36:1 | — |
| Aa #D1DEE4 on #BCC6A2 | 1.30:1 | — |
| Aa #DED8DC on #BCC6A2 | 1.27:1 | — |
| Aa #DED8DC on #F5F0F1 | 1.24:1 | — |
| Aa #D1DEE4 on #F5F0F1 | 1.22:1 | — |
CSS variables
:root {
--color-1: #ded8dc; /* Pebble Beach */
--color-2: #dce3d1; /* Mystical Sea */
--color-3: #d1dee4; /* Breakwater */
--color-4: #f5f0f1; /* Plastic Clouds */
--color-5: #bcc6a2; /* Seagrass */
}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 Split-complementary Color Scheme#DED8DC#D6E4D4#D4E3E2#C8A3BB#EFF5F1
- Pebble Beach Tetradic Color Scheme#DED8DC#E4E1D3#D4E3D7#D3D4E5#F5F0F1
- Pebble Beach Monochromatic Color Scheme#948593#BDAEB7#DED8DC#F3F1F3#F3F1F3
More Very Light Gray triadic palettes
- Alaska Triadic Color Scheme#DADAD1#CDE0E1#E7CEE3#F6F4EF#9BC4C4
- Apollo Landing Triadic Color Scheme#E5E5E1#DCE9EA#EBDDEA#F6F4EF#AECCCB
- Big Fish to Fry Triadic Color Scheme#DADBE1#E3D5D8#D6E8D5#EEF2F3#CAA6A9
- Blowing Smoke Triadic Color Scheme#D2D1D0#C5DDD0#D4C6DC#F6F2F1#93C3B1
- Chrome Triadic Color Scheme#E1DFE1#E8E8D7#D7E9E8#F6F1F4#CCCAA8
- Closet Skeletons Triadic Color Scheme#E1DED9#D8E5DD#DDD6E7#F6F4EF#AACCBB
- Coconut Agony Triadic Color Scheme#EBE8E7#E4EFE5#E5E3EF#F5F0F1#B5D1BE
- Columbo’s Coat Triadic Color Scheme#D0CBCE#D1DAC0#C3D1D9#F5F0F1#ABBD90
- Concrete Triadic Color Scheme#D2D1CD#C6DBD6#DAC4DC#F6F4EF#96BFB7
- Day on Mercury Triadic Color Scheme#D5D2D1#CADECE#CBC8DD#F5F0F1#9FC5AA
- Desired Dawn Triadic Color Scheme#D8D7D9#E4D7CE#CEE1D9#F3F1F3#C5B29F
- Diamonds in the Sky Triadic Color Scheme#E5E2E1#DBE9DF#DFDFEA#F5F0F1#ADD0B3
Questions
What colors go with Pebble Beach?
In a triadic scheme: Mystical Sea (#DCE3D1), Breakwater (#D1DEE4), Plastic Clouds (#F5F0F1), Seagrass (#BCC6A2).
What is the hex code of Pebble Beach?
#DED8DC.