Chrome Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Chrome (#E1DFE1), each snapped to its nearest named color.
#E1DFE1
#E0EAD8
#D7E7E0
#C9A8CE
#F4F4F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chrome | #E1DFE1 | 225, 223, 225 | 300°, 3%, 88% | 0, 1, 0, 12 | |
| Minted | #E0EAD8 | 224, 234, 216 | 93°, 30%, 88% | 4, 0, 8, 8 | |
| Echo | #D7E7E0 | 215, 231, 224 | 154°, 25%, 87% | 7, 0, 3, 9 | |
| Catmint | #C9A8CE | 201, 168, 206 | 292°, 28%, 73% | 2, 18, 0, 19 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C9A8CE on #F4F4F0 | 1.91:1 | — |
| Aa #E0EAD8 on #C9A8CE | 1.70:1 | — |
| Aa #D7E7E0 on #C9A8CE | 1.64:1 | — |
| Aa #E1DFE1 on #C9A8CE | 1.59:1 | — |
| Aa #E1DFE1 on #F4F4F0 | 1.20:1 | — |
| Aa #D7E7E0 on #F4F4F0 | 1.16:1 | — |
CSS variables
:root {
--color-1: #e1dfe1; /* Chrome */
--color-2: #e0ead8; /* Minted */
--color-3: #d7e7e0; /* Echo */
--color-4: #c9a8ce; /* Catmint */
--color-5: #f4f4f0; /* Classic Chalk */
}Other schemes from Chrome
- Chrome Complementary Color Scheme#E1DFE1#F6F1F4#D6E9D7#A9CEAA#EFF5F1
- Chrome Analogous Color Scheme#D9D9EA#E3DAE9#E1DFE1#E5D8E1#E8D8DA
- Chrome Triadic Color Scheme#E1DFE1#E8E8D7#D7E9E8#F6F1F4#CCCAA8
- Chrome Tetradic Color Scheme#E1DFE1#E8E0D8#D6E9D7#D7E0E7#F6F1F4
- Chrome Monochromatic Color Scheme#988F97#BDB8BB#E1DFE1#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
- 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
- Disco Ball Split-complementary Color Scheme#D4D4D4#C7DDD6#CBD4DF#C69896#EFF5F1
Questions
What colors go with Chrome?
In a split-complementary scheme: Minted (#E0EAD8), Echo (#D7E7E0), Catmint (#C9A8CE), Classic Chalk (#F4F4F0).
What is the hex code of Chrome?
#E1DFE1.