Serious Cloud Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Serious Cloud (#7D848B), each snapped to its nearest named color.
#33373B
#595D61
#7D848B
#A5A9B2
#CFD1D3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tribecca Corner | #33373B | 51, 55, 59 | 210°, 7%, 22% | 14, 7, 0, 77 | |
| Pencil Point | #595D61 | 89, 93, 97 | 210°, 4%, 36% | 8, 4, 0, 62 | |
| Serious Cloud | #7D848B | 125, 132, 139 | 210°, 6%, 52% | 10, 5, 0, 45 | |
| Mischka | #A5A9B2 | 165, 169, 178 | 222°, 8%, 67% | 7, 5, 0, 30 | |
| Fragile Blue | #CFD1D3 | 207, 209, 211 | 210°, 4%, 82% | 2, 1, 0, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #33373B on #CFD1D3 | 7.83:1 | AAA |
| Aa #33373B on #A5A9B2 | 5.09:1 | AA |
| Aa #595D61 on #CFD1D3 | 4.34:1 | AA large |
| Aa #33373B on #7D848B | 3.17:1 | AA large |
| Aa #595D61 on #A5A9B2 | 2.82:1 | — |
| Aa #7D848B on #CFD1D3 | 2.47:1 | — |
CSS variables
:root {
--color-1: #33373b; /* Tribecca Corner */
--color-2: #595d61; /* Pencil Point */
--color-3: #7d848b; /* Serious Cloud */
--color-4: #a5a9b2; /* Mischka */
--color-5: #cfd1d3; /* Fragile Blue */
}Other schemes from Serious Cloud
- Serious Cloud Complementary Color Scheme#7D848B#9EB2C3#A38565#775C47#C8B6A6
- 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
More Medium Gray monochromatic palettes
- Abandoned Spaceship Monochromatic Color Scheme#313138#525661#747A8A#9EA2AA#C6C8D0
- Acoustic Brown Monochromatic Color Scheme#252321#4F4744#766B69#9D928F#C4B9B8
- Alley Cat Monochromatic Color Scheme#1E1E21#42424D#656874#8B8D98#B2B6BE
- Aloe Tip Monochromatic Color Scheme#3F4635#626D5B#8A9480#B0B8AA#D9DAD2
- Aluminium Monochromatic Color Scheme#3A3B3B#5D6161#848789#ACADAD#D2D2D4
- Amorous Monochromatic Color Scheme#483743#6E576B#967D96#BEA8B7#D9D3DA
- Anchovy Monochromatic Color Scheme#252321#4C4845#756F6B#989493#BEBBBB
- Archaeology Monochromatic Color Scheme#1C1B1A#45433B#6E6A5E#969283#B8B5AD
- Argent Monochromatic Color Scheme#3B3C3C#606061#888888#AEADAD#D4D4D4
- Armour Monochromatic Color Scheme#2B3230#4E5A59#74857F#9BAAA2#C2CDCA
- Armoury Monochromatic Color Scheme#1C1C1A#434340#6A6B65#90908B#B7B7B2
- Ashen Whisper Monochromatic Color Scheme#1F262A#424753#646B7A#8D90A1#B1BAC2
Questions
What colors go with Serious Cloud?
In a monochromatic scheme: Tribecca Corner (#33373B), Pencil Point (#595D61), Mischka (#A5A9B2), Fragile Blue (#CFD1D3).
What is the hex code of Serious Cloud?
#7D848B.