Calcium Rock Triadic Color Scheme
Five colors arranged by the triadic rule around Calcium Rock (#EEE9D9), each snapped to its nearest named color.
#EEE9D9
#D8EEE7
#E7D7EF
#F7F5ED
#A1D7C9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Calcium Rock | #EEE9D9 | 238, 233, 217 | 46°, 38%, 89% | 0, 2, 9, 7 | |
| Light Spirited | #D8EEE7 | 216, 238, 231 | 161°, 39%, 89% | 9, 0, 3, 7 | |
| Pouty Purple | #E7D7EF | 231, 215, 239 | 280°, 43%, 89% | 3, 10, 0, 6 | |
| Snow Day | #F7F5ED | 247, 245, 237 | 48°, 38%, 95% | 0, 1, 4, 3 | |
| Yucca Cream | #A1D7C9 | 161, 215, 201 | 164°, 40%, 74% | 25, 0, 7, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7F5ED on #A1D7C9 | 1.47:1 | — |
| Aa #D8EEE7 on #A1D7C9 | 1.32:1 | — |
| Aa #EEE9D9 on #A1D7C9 | 1.32:1 | — |
| Aa #E7D7EF on #F7F5ED | 1.25:1 | — |
| Aa #E7D7EF on #A1D7C9 | 1.17:1 | — |
| Aa #D8EEE7 on #E7D7EF | 1.13:1 | — |
CSS variables
:root {
--color-1: #eee9d9; /* Calcium Rock */
--color-2: #d8eee7; /* Light Spirited */
--color-3: #e7d7ef; /* Pouty Purple */
--color-4: #f7f5ed; /* Snow Day */
--color-5: #a1d7c9; /* Yucca Cream */
}Other schemes from Calcium Rock
- Calcium Rock Complementary Color Scheme#EEE9D9#F7F5ED#DADDED#A7B0D5#EDF2F8
- Calcium Rock Analogous Color Scheme#EEDADD#EEDED8#EEE9D9#EAEEDA#DFEDDA
- Calcium Rock Split-complementary Color Scheme#EEE9D9#DBE9ED#DDDCEF#D7C9A5#EBF6F7
- Calcium Rock Tetradic Color Scheme#EEE9D9#D7EFDE#DADDED#EDDBE9#F7F5ED
- Calcium Rock Monochromatic Color Scheme#BDAA6F#D7C9A5#EEE9D9#F7F5ED#F7F5ED
More Very Light Yellow triadic palettes
- Au Clair de la Lune Triadic Color Scheme#F4F2E2#E1F2F0#F2E4F5#F9F7EC#A9DEDA
- Banan-Appeal Triadic Color Scheme#FAF3A6#A1F4F5#F1A7FE#FFFBE8#56F7F3
- Banana Cream Triadic Color Scheme#FFF49C#99FFEE#EE99FF#FFFCE4#55FFEE
- Banana Milk Triadic Color Scheme#FFF7AD#ACFFFC#F8B3FF#FFFEE5#65FFFF
- Banana Split Triadic Color Scheme#F7EEC8#CFF7EF#EDC8FF#FBF9E8#87E0CF
- Blanc Cassé Triadic Color Scheme#F1EEE2#E1F0ED#EFE2F2#F7F5ED#ADD9D1
- Blanco Triadic Color Scheme#EBEAE5#E1EEEC#EDE2EE#F6F4EF#AED0C9
- Bleached Sunflower Triadic Color Scheme#FBE8A8#AAFFEE#EEAAFF#FFF9E7#55FFCC
- Blond Triadic Color Scheme#FAF0BE#BBFFEE#F4BFFF#FFF9E7#6FEBE3
- Bollywood Gold Triadic Color Scheme#FFFBAB#ACFFFC#FFAAFF#FFFEE5#56FFFF
- Bullet Hell Triadic Color Scheme#FAF1C8#C3FBF4#EDC8FF#FBF9E8#88FFDD
- Butter Honey Triadic Color Scheme#F5E5AB#ABF5ED#E9AEF2#FBF9E8#6FE7DB
Questions
What colors go with Calcium Rock?
In a triadic scheme: Light Spirited (#D8EEE7), Pouty Purple (#E7D7EF), Snow Day (#F7F5ED), Yucca Cream (#A1D7C9).
What is the hex code of Calcium Rock?
#EEE9D9.