Happy Cement Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Happy Cement (#979EA1), each snapped to its nearest named color.
#979EA1
#B6848C
#B4AC84
#588496
#D3B6BA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Happy Cement | #979EA1 | 151, 158, 161 | 198°, 5%, 61% | 6, 2, 0, 37 | |
| Lime Pink | #B6848C | 182, 132, 140 | 350°, 26%, 62% | 0, 27, 23, 29 | |
| Tarragon Tease | #B4AC84 | 180, 172, 132 | 50°, 24%, 61% | 0, 4, 27, 29 | |
| Blue Moon Bay | #588496 | 88, 132, 150 | 197°, 26%, 47% | 41, 12, 0, 41 | |
| Rose Stain | #D3B6BA | 211, 182, 186 | 352°, 25%, 77% | 0, 14, 12, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #588496 on #D3B6BA | 2.17:1 | — |
| Aa #B4AC84 on #588496 | 1.78:1 | — |
| Aa #B6848C on #D3B6BA | 1.68:1 | — |
| Aa #979EA1 on #588496 | 1.50:1 | — |
| Aa #979EA1 on #D3B6BA | 1.45:1 | — |
| Aa #B6848C on #B4AC84 | 1.38:1 | — |
CSS variables
:root {
--color-1: #979ea1; /* Happy Cement */
--color-2: #b6848c; /* Lime Pink */
--color-3: #b4ac84; /* Tarragon Tease */
--color-4: #588496; /* Blue Moon Bay */
--color-5: #d3b6ba; /* Rose Stain */
}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 Tetradic Color Scheme#979EA1#A885B5#B99684#8CB684#C2D5DA
- Happy Cement Monochromatic Color Scheme#4C5055#6E797B#979EA1#BEC1C3#E8E9E9
More Light Gray split-complementary palettes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
Questions
What colors go with Happy Cement?
In a split-complementary scheme: Lime Pink (#B6848C), Tarragon Tease (#B4AC84), Blue Moon Bay (#588496), Rose Stain (#D3B6BA).
What is the hex code of Happy Cement?
#979EA1.