Nimbus Cloud Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Nimbus Cloud (#C8C8CC), each snapped to its nearest named color.
#C8C8CC
#D5C9BC
#CCD6BC
#8E8DB9
#F4F0EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nimbus Cloud | #C8C8CC | 200, 200, 204 | 240°, 4%, 79% | 2, 2, 0, 20 | |
| Old Map | #D5C9BC | 213, 201, 188 | 31°, 23%, 79% | 0, 6, 12, 16 | |
| Canary Green | #CCD6BC | 204, 214, 188 | 83°, 24%, 79% | 5, 0, 12, 16 | |
| Sweet Lavender | #8E8DB9 | 142, 141, 185 | 241°, 24%, 64% | 23, 24, 0, 27 | |
| Isabelline | #F4F0EC | 244, 240, 236 | 30°, 27%, 94% | 0, 2, 3, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8E8DB9 on #F4F0EC | 2.78:1 | — |
| Aa #CCD6BC on #8E8DB9 | 2.09:1 | — |
| Aa #D5C9BC on #8E8DB9 | 1.94:1 | — |
| Aa #C8C8CC on #8E8DB9 | 1.89:1 | — |
| Aa #C8C8CC on #F4F0EC | 1.47:1 | — |
| Aa #D5C9BC on #F4F0EC | 1.43:1 | — |
CSS variables
:root {
--color-1: #c8c8cc; /* Nimbus Cloud */
--color-2: #d5c9bc; /* Old Map */
--color-3: #ccd6bc; /* Canary Green */
--color-4: #8e8db9; /* Sweet Lavender */
--color-5: #f4f0ec; /* Isabelline */
}Other schemes from Nimbus Cloud
- Nimbus Cloud Complementary Color Scheme#C8C8CC#EBF1F5#D5D8BC#BDB98F#F6F4EF
- Nimbus Cloud Analogous Color Scheme#BFD6D9#BECBD7#C8C8CC#CBBDD7#D8BFD8
- Nimbus Cloud Triadic Color Scheme#C8C8CC#D7BDBE#BFD8BF#EBF1F5#BC8E8F
- Nimbus Cloud Tetradic Color Scheme#C8C8CC#D8BFC8#D5D8BC#BFD6C8#EBF1F5
- Nimbus Cloud Monochromatic Color Scheme#797B80#A0A0AA#C8C8CC#EFF0F0#F2F2F4
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 Nimbus Cloud?
In a split-complementary scheme: Old Map (#D5C9BC), Canary Green (#CCD6BC), Sweet Lavender (#8E8DB9), Isabelline (#F4F0EC).
What is the hex code of Nimbus Cloud?
#C8C8CC.