Calcium Rock Complementary Color Scheme
Five colors arranged by the complementary rule around Calcium Rock (#EEE9D9), each snapped to its nearest named color.
#EEE9D9
#F7F5ED
#DADDED
#A7B0D5
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Calcium Rock | #EEE9D9 | 238, 233, 217 | 46°, 38%, 89% | 0, 2, 9, 7 | |
| Snow Day | #F7F5ED | 247, 245, 237 | 48°, 38%, 95% | 0, 1, 4, 3 | |
| The White Death | #DADDED | 218, 221, 237 | 231°, 35%, 89% | 8, 7, 0, 7 | |
| Calm Interlude | #A7B0D5 | 167, 176, 213 | 228°, 35%, 75% | 22, 17, 0, 16 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7F5ED on #A7B0D5 | 1.96:1 | — |
| Aa #A7B0D5 on #EDF2F8 | 1.90:1 | — |
| Aa #EEE9D9 on #A7B0D5 | 1.76:1 | — |
| Aa #DADDED on #A7B0D5 | 1.58:1 | — |
| Aa #F7F5ED on #DADDED | 1.24:1 | — |
| Aa #DADDED on #EDF2F8 | 1.20:1 | — |
CSS variables
:root {
--color-1: #eee9d9; /* Calcium Rock */
--color-2: #f7f5ed; /* Snow Day */
--color-3: #dadded; /* The White Death */
--color-4: #a7b0d5; /* Calm Interlude */
--color-5: #edf2f8; /* Airport */
}Other schemes from Calcium Rock
- Calcium Rock Analogous Color Scheme#EEDADD#EEDED8#EEE9D9#EAEEDA#DFEDDA
- Calcium Rock Triadic Color Scheme#EEE9D9#D8EEE7#E7D7EF#F7F5ED#A1D7C9
- 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 complementary palettes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with Calcium Rock?
In a complementary scheme: Snow Day (#F7F5ED), The White Death (#DADDED), Calm Interlude (#A7B0D5), Airport (#EDF2F8).
What is the hex code of Calcium Rock?
#EEE9D9.