Concrete Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Concrete (#D2D1CD), each snapped to its nearest named color.
#D2D1CD
#C4D3DC
#CBC5D9
#BEB394
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Concrete | #D2D1CD | 210, 209, 205 | 48°, 5%, 81% | 0, 0, 2, 18 | |
| Sentimental Lady | #C4D3DC | 196, 211, 220 | 203°, 26%, 82% | 11, 4, 0, 14 | |
| Lilac Crystal | #CBC5D9 | 203, 197, 217 | 258°, 21%, 81% | 6, 9, 0, 15 | |
| Easy | #BEB394 | 190, 179, 148 | 44°, 24%, 66% | 0, 6, 22, 25 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BEB394 on #F1F3F3 | 1.87:1 | — |
| Aa #CBC5D9 on #F1F3F3 | 1.51:1 | — |
| Aa #C4D3DC on #F1F3F3 | 1.38:1 | — |
| Aa #D2D1CD on #F1F3F3 | 1.37:1 | — |
| Aa #D2D1CD on #BEB394 | 1.37:1 | — |
| Aa #C4D3DC on #BEB394 | 1.36:1 | — |
CSS variables
:root {
--color-1: #d2d1cd; /* Concrete */
--color-2: #c4d3dc; /* Sentimental Lady */
--color-3: #cbc5d9; /* Lilac Crystal */
--color-4: #beb394; /* Easy */
--color-5: #f1f3f3; /* Zappy Zebra */
}Other schemes from Concrete
- Concrete Complementary Color Scheme#D2D1CD#F6F4EF#C2C7DB#979FBF#EEF2F3
- Concrete Analogous Color Scheme#DEC3C9#DBCCC3#D2D1CD#D3D9C5#C9DBC7
- Concrete Triadic Color Scheme#D2D1CD#C6DBD6#DAC4DC#F6F4EF#96BFB7
- Concrete Tetradic Color Scheme#D2D1CD#C4DBCB#C2C7DB#DDC4D4#F6F4EF
- Concrete Monochromatic Color Scheme#8A877B#AEABA5#D2D1CD#F3F3F2#F3F3F2
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
- 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
- Disco Ball Split-complementary Color Scheme#D4D4D4#C7DDD6#CBD4DF#C69896#EFF5F1
Questions
What colors go with Concrete?
In a split-complementary scheme: Sentimental Lady (#C4D3DC), Lilac Crystal (#CBC5D9), Easy (#BEB394), Zappy Zebra (#F1F3F3).
What is the hex code of Concrete?
#D2D1CD.