Serious Cloud Tetradic Color Scheme
Five colors arranged by the tetradic rule around Serious Cloud (#7D848B), each snapped to its nearest named color.
#7D848B
#A063A1
#A38565
#73A263
#A6B7C8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Serious Cloud | #7D848B | 125, 132, 139 | 210°, 6%, 52% | 10, 5, 0, 45 | |
| Royal Pretender | #A063A1 | 160, 99, 161 | 299°, 25%, 51% | 1, 39, 0, 37 | |
| Crumbling Cork | #A38565 | 163, 133, 101 | 31°, 25%, 52% | 0, 18, 38, 36 | |
| Bulbasaur | #73A263 | 115, 162, 99 | 105°, 25%, 51% | 29, 0, 39, 36 | |
| Paris Grey | #A6B7C8 | 166, 183, 200 | 210°, 24%, 72% | 17, 8, 0, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A063A1 on #A6B7C8 | 2.13:1 | — |
| Aa #7D848B on #A6B7C8 | 1.84:1 | — |
| Aa #A38565 on #A6B7C8 | 1.68:1 | — |
| Aa #A063A1 on #73A263 | 1.48:1 | — |
| Aa #73A263 on #A6B7C8 | 1.45:1 | — |
| Aa #7D848B on #73A263 | 1.28:1 | — |
CSS variables
:root {
--color-1: #7d848b; /* Serious Cloud */
--color-2: #a063a1; /* Royal Pretender */
--color-3: #a38565; /* Crumbling Cork */
--color-4: #73a263; /* Bulbasaur */
--color-5: #a6b7c8; /* Paris Grey */
}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 Monochromatic Color Scheme#33373B#595D61#7D848B#A5A9B2#CFD1D3
More Medium Gray tetradic palettes
- Abandoned Spaceship Tetradic Color Scheme#747A8A#9D5A8F#9B8A5F#599F68#9EA5C3
- Acoustic Brown Tetradic Color Scheme#766B69#649050#50818B#75528B#B69289
- Alley Cat Tetradic Color Scheme#656874#835177#847E54#558961#8E90B4
- Aloe Tip Tetradic Color Scheme#8A9480#6BA5A9#8A6FA9#A36A6D#BDD0AB
- Aluminium Tetradic Color Scheme#848789#9C6DA5#A88168#72A86A#AABCCB
- Amorous Tetradic Color Scheme#967D96#A98A6B#72A86A#6A8AA4#D1ACCE
- Anchovy Tetradic Color Scheme#756F6B#558D4F#53778F#85598A#BA9E88
- Archaeology Tetradic Color Scheme#6E6A5E#498555#485783#824E78#B0A582
- Argent Tetradic Color Scheme#888888#87A96B#6BA5A9#876FA3#CBACAB
- Armour Tetradic Color Scheme#74857F#665D9E#9D5C75#8F9B5B#9BC2B4
- Armoury Tetradic Color Scheme#6A6B65#50846E#5C5083#80505D#ABB486
- Ashen Whisper Tetradic Color Scheme#646B7A#905284#8B7753#578758#8B9AB9
Questions
What colors go with Serious Cloud?
In a tetradic scheme: Royal Pretender (#A063A1), Crumbling Cork (#A38565), Bulbasaur (#73A263), Paris Grey (#A6B7C8).
What is the hex code of Serious Cloud?
#7D848B.