Serious Cloud Complementary Color Scheme
Five colors arranged by the complementary rule around Serious Cloud (#7D848B), each snapped to its nearest named color.
#7D848B
#9EB2C3
#A38565
#775C47
#C8B6A6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Serious Cloud | #7D848B | 125, 132, 139 | 210°, 6%, 52% | 10, 5, 0, 45 | |
| Perfect Landing | #9EB2C3 | 158, 178, 195 | 208°, 24%, 69% | 19, 9, 0, 24 | |
| Crumbling Cork | #A38565 | 163, 133, 101 | 31°, 25%, 52% | 0, 18, 38, 36 | |
| Mission Brown | #775C47 | 119, 92, 71 | 26°, 25%, 37% | 0, 23, 40, 53 | |
| Dust Bunny | #C8B6A6 | 200, 182, 166 | 28°, 24%, 72% | 0, 9, 17, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #775C47 on #C8B6A6 | 3.14:1 | AA large |
| Aa #9EB2C3 on #775C47 | 2.82:1 | — |
| Aa #7D848B on #C8B6A6 | 1.93:1 | — |
| Aa #A38565 on #775C47 | 1.79:1 | — |
| Aa #A38565 on #C8B6A6 | 1.75:1 | — |
| Aa #7D848B on #9EB2C3 | 1.73:1 | — |
CSS variables
:root {
--color-1: #7d848b; /* Serious Cloud */
--color-2: #9eb2c3; /* Perfect Landing */
--color-3: #a38565; /* Crumbling Cork */
--color-4: #775c47; /* Mission Brown */
--color-5: #c8b6a6; /* Dust Bunny */
}Other schemes from Serious Cloud
- Serious Cloud Analogous Color Scheme#64A281#60A0A3#7D848B#6264A6#9264A2
- Serious Cloud Triadic Color Scheme#7D848B#A06582#85A16A#A6B7C8#75495E
- Serious Cloud Split-complementary Color Scheme#7D848B#A46366#A0A667#475F77#BD9095
- Serious Cloud Tetradic Color Scheme#7D848B#A063A1#A38565#73A263#A6B7C8
- Serious Cloud Monochromatic Color Scheme#33373B#595D61#7D848B#A5A9B2#CFD1D3
More Medium Gray complementary palettes
- Abandoned Spaceship Complementary Color Scheme#747A8A#93A3C1#9B8A5F#726144#C6BB9C
- Acoustic Brown Complementary Color Scheme#766B69#B68B88#50818B#33565E#8AB5BD
- Alley Cat Complementary Color Scheme#656874#818DB3#847E54#555337#B5AD88
- Aloe Tip Complementary Color Scheme#8A9480#B6C9A6#8A6FA9#614A7B#BEAECF
- Aluminium Complementary Color Scheme#848789#A5B8C5#A88168#775C47#C8B6A6
- Amorous Complementary Color Scheme#967D96#C5A5C7#72A86A#4C7C4B#A9CEAA
- Anchovy Complementary Color Scheme#756F6B#B69983#53778F#334C5D#8BA7BB
- Archaeology Complementary Color Scheme#6E6A5E#ABA379#485783#343B4E#818DB3
- Argent Complementary Color Scheme#888888#C6A4A4#6BA5A9#487A7B#AECCCB
- Armour Complementary Color Scheme#74857F#93C3B1#9D5C75#6D4052#C59DAA
- Armoury Complementary Color Scheme#6A6B65#A2B07E#5C5083#363151#8881B0
- Ashen Whisper Complementary Color Scheme#646B7A#8092BC#8B7753#5D4F39#B8A88A
Questions
What colors go with Serious Cloud?
In a complementary scheme: Perfect Landing (#9EB2C3), Crumbling Cork (#A38565), Mission Brown (#775C47), Dust Bunny (#C8B6A6).
What is the hex code of Serious Cloud?
#7D848B.