Happy Cement Triadic Color Scheme
Five colors arranged by the triadic rule around Happy Cement (#979EA1), each snapped to its nearest named color.
#979EA1
#B784A7
#ABB486
#C2D5DA
#915C83
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Happy Cement | #979EA1 | 151, 158, 161 | 198°, 5%, 61% | 6, 2, 0, 37 | 69.5% 0.009 225 | |
| Opera Mauve | #B784A7 | 183, 132, 167 | 319°, 26%, 62% | 0, 28, 9, 28 | 67.4% 0.078 339 | |
| Great Green | #ABB486 | 171, 180, 134 | 72°, 23%, 62% | 5, 0, 26, 29 | 75.1% 0.064 117 | |
| Cloudy Sky | #C2D5DA | 194, 213, 218 | 192°, 24%, 81% | 11, 2, 0, 15 | 86.0% 0.022 215 | |
| Antique Fuchsia | #915C83 | 145, 92, 131 | 316°, 22%, 46% | 0, 37, 10, 43 | 54.6% 0.088 337 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C2D5DA on #915C83 | 3.40:1 | AA large |
| Aa #ABB486 on #915C83 | 2.36:1 | — |
| Aa #B784A7 on #C2D5DA | 2.01:1 | — |
| Aa #979EA1 on #915C83 | 1.90:1 | — |
| Aa #979EA1 on #C2D5DA | 1.79:1 | — |
| Aa #B784A7 on #915C83 | 1.69:1 | — |
CSS variables
:root {
--color-1: #979ea1; /* Happy Cement */
--color-2: #b784a7; /* Opera Mauve */
--color-3: #abb486; /* Great Green */
--color-4: #c2d5da; /* Cloudy Sky */
--color-5: #915c83; /* Antique Fuchsia */
}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 Split-complementary Color Scheme#979EA1#B6848C#B4AC84#588496#D3B6BA
- Happy Cement Tetradic Color Scheme#979EA1#A885B5#B99684#8CB684#C2D5DA
- Happy Cement Monochromatic Color Scheme#4C5055#6E797B#979EA1#BEC1C3#E8E9E9
More light gray triadic color schemes
- Alpine Air Triadic Color Scheme#A9B4A9#979AC4#C4989E#D8E9DB#696FA5
- Argento Triadic Color Scheme#CECAC3#BED3CB#CBBDD7#F6F4EF#8EBAA6
- Brume Triadic Color Scheme#C6C6C2#B4D5D5#D5B6D4#F6F4EF#87B8B5
- Casper Triadic Color Scheme#AAB5B8#C89EB7#BCC09E#DCE9EA#AC6B98
- Cathedral Triadic Color Scheme#ACAAA7#95BFB2#AF92BD#E4DED5#64A281
- Cortex Triadic Color Scheme#A99592#81B489#9188B5#DDC9C6#559260
- Crown of Ash Triadic Color Scheme#A1A9A9#BF90BB#BDB98F#CEE2E2#9F5F9F
- Dangerous Robot Triadic Color Scheme#CBC5C6#BBD9BC#B7BDD6#F5F0F1#8DBC8A
- Dark Ages Triadic Color Scheme#9698A3#B6848C#8CB684#C2C7DB#975B60
- Dim Triadic Color Scheme#C8C2BE#B3D5C0#C3B5D4#F6F2F1#81B89A
- Dove Triadic Color Scheme#B3ADA7#93C3B1#A798C2#E8E0D8#67A181
- Dusky Mood Triadic Color Scheme#979BA8#B68692#95B388#CBCCDF#915F66
Questions
What colors go with Happy Cement?
In a triadic scheme: Opera Mauve (#B784A7), Great Green (#ABB486), Cloudy Sky (#C2D5DA), Antique Fuchsia (#915C83).
What is the hex code of Happy Cement?
#979EA1.