Happy Cement Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Happy Cement (#979EA1), each snapped to its nearest named color.
#4C5055
#6E797B
#979EA1
#BEC1C3
#E8E9E9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sled | #4C5055 | 76, 80, 85 | 213°, 6%, 32% | 11, 6, 0, 67 | |
| Phantom | #6E797B | 110, 121, 123 | 189°, 6%, 46% | 11, 2, 0, 52 | |
| Happy Cement | #979EA1 | 151, 158, 161 | 198°, 5%, 61% | 6, 2, 0, 37 | |
| Lazy Grey | #BEC1C3 | 190, 193, 195 | 204°, 4%, 75% | 3, 1, 0, 24 | |
| Snowbank | #E8E9E9 | 232, 233, 233 | 180°, 2%, 91% | 0, 0, 0, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4C5055 on #E8E9E9 | 6.68:1 | AA |
| Aa #4C5055 on #BEC1C3 | 4.49:1 | AA large |
| Aa #6E797B on #E8E9E9 | 3.69:1 | AA large |
| Aa #4C5055 on #979EA1 | 2.99:1 | — |
| Aa #6E797B on #BEC1C3 | 2.48:1 | — |
| Aa #979EA1 on #E8E9E9 | 2.24:1 | — |
CSS variables
:root {
--color-1: #4c5055; /* Sled */
--color-2: #6e797b; /* Phantom */
--color-3: #979ea1; /* Happy Cement */
--color-4: #bec1c3; /* Lazy Grey */
--color-5: #e8e9e9; /* Snowbank */
}Other schemes from Happy Cement
- Happy Cement Complementary Color Scheme#979EA1#BED0DA#B99684#926956#D9CAC3
- Happy Cement Analogous Color Scheme#80B690#88B2A9#979EA1#818DB3#9188B5
- Happy Cement Triadic Color Scheme#979EA1#B784A7#ABB486#C2D5DA#915C83
- Happy Cement Split-complementary Color Scheme#979EA1#B6848C#B4AC84#588496#D3B6BA
- Happy Cement Tetradic Color Scheme#979EA1#A885B5#B99684#8CB684#C2D5DA
More Light Gray monochromatic palettes
- Alpine Air Monochromatic Color Scheme#5C685E#818F84#A9B4A9#D3D8D2#F0F3F1
- Argento Monochromatic Color Scheme#8C7E6F#ACA49A#CECAC3#F0EFED#F3F3F2
- Brume Monochromatic Color Scheme#7C7C72#A0A09A#C6C6C2#ECEBEA#F3F3F2
- Casper Monochromatic Color Scheme#5B686F#819094#AAB5B8#D4D8DB#F1F3F3
- Cathedral Monochromatic Color Scheme#615D58#868381#ACAAA7#D1D1CE#F3F3F2
- Cortex Monochromatic Color Scheme#5C4945#826C68#A99592#CABFBF#ECE9E8
- Crown of Ash Monochromatic Color Scheme#555B59#7B8285#A1A9A9#CACECD#F1F3F2
- Dangerous Robot Monochromatic Color Scheme#867578#A99D9D#CBC5C6#EFECEE#F3F3F2
- Dark Ages Monochromatic Color Scheme#494C55#6C6E7E#9698A3#BFC1CB#E8E8E9
- Dim Monochromatic Color Scheme#83756C#A29C94#C8C2BE#EAE9E7#F3F3F2
- Dove Monochromatic Color Scheme#69605A#8E877F#B3ADA7#D5D4D0#F3F3F2
- Dusky Mood Monochromatic Color Scheme#4A4F5A#6D7383#979BA8#C2C1CB#E9EBEE
Questions
What colors go with Happy Cement?
In a monochromatic scheme: Sled (#4C5055), Phantom (#6E797B), Lazy Grey (#BEC1C3), Snowbank (#E8E9E9).
What is the hex code of Happy Cement?
#979EA1.