Sterling Triadic Color Scheme
Five colors arranged by the triadic rule around Sterling (#D1D4D1), each snapped to its nearest named color.
#D1D4D1
#C9C6DF
#DDC9C6
#EFF5F1
#979AC4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sterling | #D1D4D1 | 209, 212, 209 | 120°, 3%, 83% | 1, 0, 1, 17 | |
| Purple Purity | #C9C6DF | 201, 198, 223 | 247°, 28%, 83% | 10, 11, 0, 13 | |
| Misty Blush | #DDC9C6 | 221, 201, 198 | 8°, 25%, 82% | 0, 9, 10, 13 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | |
| Grape Ivy | #979AC4 | 151, 154, 196 | 236°, 28%, 68% | 23, 21, 0, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFF5F1 on #979AC4 | 2.46:1 | — |
| Aa #D1D4D1 on #979AC4 | 1.82:1 | — |
| Aa #DDC9C6 on #979AC4 | 1.71:1 | — |
| Aa #C9C6DF on #979AC4 | 1.63:1 | — |
| Aa #C9C6DF on #EFF5F1 | 1.50:1 | — |
| Aa #DDC9C6 on #EFF5F1 | 1.43:1 | — |
CSS variables
:root {
--color-1: #d1d4d1; /* Sterling */
--color-2: #c9c6df; /* Purple Purity */
--color-3: #ddc9c6; /* Misty Blush */
--color-4: #eff5f1; /* Heavy Sugar */
--color-5: #979ac4; /* Grape Ivy */
}Other schemes from Sterling
- Sterling Complementary Color Scheme#D1D4D1#EFF5F1#DECADE#C09DC8#F6F1F4
- Sterling Analogous Color Scheme#DEDFC9#CFDDC7#D1D4D1#C5DED1#C6DEDF
- Sterling Split-complementary Color Scheme#D1D4D1#D2C9DF#DEC6D3#96C193#F3F1F3
- Sterling Tetradic Color Scheme#D1D4D1#C6D2DE#DECADE#DDD4C7#EFF5F1
- Sterling Monochromatic Color Scheme#848A83#A9AFAA#D1D4D1#F3F3F2#F3F3F2
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 Sterling?
In a triadic scheme: Purple Purity (#C9C6DF), Misty Blush (#DDC9C6), Heavy Sugar (#EFF5F1), Grape Ivy (#979AC4).
What is the hex code of Sterling?
#D1D4D1.