Serious Cloud Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Serious Cloud (#7D848B), each snapped to its nearest named color.
#7D848B
#A46366
#A0A667
#475F77
#BD9095
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Serious Cloud | #7D848B | 125, 132, 139 | 210°, 6%, 52% | 10, 5, 0, 45 | |
| Herald of Spring | #A46366 | 164, 99, 102 | 357°, 26%, 52% | 0, 40, 38, 36 | |
| Always Apple | #A0A667 | 160, 166, 103 | 66°, 26%, 53% | 4, 0, 38, 35 | |
| Mountain River | #475F77 | 71, 95, 119 | 210°, 25%, 37% | 40, 20, 0, 53 | |
| Cherry Juice | #BD9095 | 189, 144, 149 | 353°, 25%, 65% | 0, 24, 21, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A0A667 on #475F77 | 2.57:1 | — |
| Aa #475F77 on #BD9095 | 2.39:1 | — |
| Aa #A46366 on #A0A667 | 1.79:1 | — |
| Aa #7D848B on #475F77 | 1.75:1 | — |
| Aa #A46366 on #BD9095 | 1.67:1 | — |
| Aa #7D848B on #A0A667 | 1.47:1 | — |
CSS variables
:root {
--color-1: #7d848b; /* Serious Cloud */
--color-2: #a46366; /* Herald of Spring */
--color-3: #a0a667; /* Always Apple */
--color-4: #475f77; /* Mountain River */
--color-5: #bd9095; /* Cherry Juice */
}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 Tetradic Color Scheme#7D848B#A063A1#A38565#73A263#A6B7C8
- Serious Cloud Monochromatic Color Scheme#33373B#595D61#7D848B#A5A9B2#CFD1D3
More Medium Gray split-complementary palettes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Serious Cloud?
In a split-complementary scheme: Herald of Spring (#A46366), Always Apple (#A0A667), Mountain River (#475F77), Cherry Juice (#BD9095).
What is the hex code of Serious Cloud?
#7D848B.