Pebble Beach Tetradic Color Scheme
Five colors arranged by the tetradic rule around Pebble Beach (#DED8DC), each snapped to its nearest named color.
#DED8DC
#E4E1D3
#D4E3D7
#D3D4E5
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pebble Beach | #DED8DC | 222, 216, 220 | 320°, 8%, 86% | 0, 3, 1, 13 | |
| Shark Tooth | #E4E1D3 | 228, 225, 211 | 49°, 24%, 86% | 0, 1, 7, 11 | |
| Light Dry Lichen | #D4E3D7 | 212, 227, 215 | 132°, 21%, 86% | 7, 0, 5, 11 | |
| Blushing Lilac | #D3D4E5 | 211, 212, 229 | 237°, 26%, 86% | 8, 7, 0, 10 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D3D4E5 on #F5F0F1 | 1.30:1 | — |
| Aa #DED8DC on #F5F0F1 | 1.24:1 | — |
| Aa #D4E3D7 on #F5F0F1 | 1.18:1 | — |
| Aa #E4E1D3 on #F5F0F1 | 1.16:1 | — |
| Aa #E4E1D3 on #D3D4E5 | 1.12:1 | — |
| Aa #D4E3D7 on #D3D4E5 | 1.10:1 | — |
CSS variables
:root {
--color-1: #ded8dc; /* Pebble Beach */
--color-2: #e4e1d3; /* Shark Tooth */
--color-3: #d4e3d7; /* Light Dry Lichen */
--color-4: #d3d4e5; /* Blushing Lilac */
--color-5: #f5f0f1; /* Plastic Clouds */
}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 Split-complementary Color Scheme#DED8DC#D6E4D4#D4E3E2#C8A3BB#EFF5F1
- Pebble Beach Monochromatic Color Scheme#948593#BDAEB7#DED8DC#F3F1F3#F3F1F3
More Very Light Gray tetradic palettes
- Alaska Tetradic Color Scheme#DADAD1#CAE1D9#CECAE1#E2CDD5#F6F4EF
- Apollo Landing Tetradic Color Scheme#E5E5E1#DDEBE3#DADEE9#EADCE2#F6F4EF
- Big Fish to Fry Tetradic Color Scheme#DADBE1#E4D4E2#E7E3D6#D3E5DB#EEF2F3
- Blowing Smoke Tetradic Color Scheme#D2D1D0#C5DCC6#C6D2DE#DAC4DC#F6F2F1
- Chrome Tetradic Color Scheme#E1DFE1#E8E0D8#D6E9D7#D7E0E7#F6F1F4
- Closet Skeletons Tetradic Color Scheme#E1DED9#D4E6D9#D3DBE7#E4D4E2#F6F4EF
- Coconut Agony Tetradic Color Scheme#EBE8E7#E4EFE5#E3ECED#EDE2EE#F5F0F1
- Columbo’s Coat Tetradic Color Scheme#D0CBCE#D8D6C0#C3D9CB#C0C3D7#F5F0F1
- Concrete Tetradic Color Scheme#D2D1CD#C4DBCB#C2C7DB#DDC4D4#F6F4EF
- Day on Mercury Tetradic Color Scheme#D5D2D1#CFDDC7#C8D9DD#D6C9DE#F5F0F1
- Desired Dawn Tetradic Color Scheme#D8D7D9#E6CFCE#DAE2CD#CEE2E2#F3F1F3
- Diamonds in the Sky Tetradic Color Scheme#E5E2E1#E0EADB#DAE7E9#E5DBEB#F5F0F1
Questions
What colors go with Pebble Beach?
In a tetradic scheme: Shark Tooth (#E4E1D3), Light Dry Lichen (#D4E3D7), Blushing Lilac (#D3D4E5), Plastic Clouds (#F5F0F1).
What is the hex code of Pebble Beach?
#DED8DC.