Smokescreen Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Smokescreen (#5E5755), each snapped to its nearest named color.
#5E5755
#437064
#445172
#442D21
#67A195
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Smokescreen | #5E5755 | 94, 87, 85 | 13°, 5%, 35% | 0, 7, 10, 63 | |
| Cormorant | #437064 | 67, 112, 100 | 164°, 25%, 35% | 40, 0, 11, 56 | |
| Astronaut | #445172 | 68, 81, 114 | 223°, 25%, 36% | 40, 29, 0, 55 | |
| Morocco Brown | #442D21 | 68, 45, 33 | 21°, 35%, 20% | 0, 34, 51, 73 | |
| Emerald Oasis | #67A195 | 103, 161, 149 | 168°, 24%, 52% | 36, 0, 7, 37 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #442D21 on #67A195 | 4.33:1 | AA large |
| Aa #445172 on #67A195 | 2.67:1 | — |
| Aa #5E5755 on #67A195 | 2.39:1 | — |
| Aa #437064 on #442D21 | 2.28:1 | — |
| Aa #437064 on #67A195 | 1.90:1 | — |
| Aa #5E5755 on #442D21 | 1.81:1 | — |
CSS variables
:root {
--color-1: #5e5755; /* Smokescreen */
--color-2: #437064; /* Cormorant */
--color-3: #445172; /* Astronaut */
--color-4: #442d21; /* Morocco Brown */
--color-5: #67a195; /* Emerald Oasis */
}Other schemes from Smokescreen
- Smokescreen Complementary Color Scheme#5E5755#A07569#47626F#283C44#719DA8
- Smokescreen Analogous Color Scheme#784467#6D434E#5E5755#726144#686E43
- Smokescreen Triadic Color Scheme#5E5755#477050#4D426E#AB7A71#274234
- Smokescreen Tetradic Color Scheme#5E5755#517345#47626F#62416D#AB7A71
- Smokescreen Monochromatic Color Scheme#0F0F0F#353331#5E5755#887D79#A8A4A1
More Dark Gray split-complementary palettes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- After Midnight Split-complementary Color Scheme#38393F#4A352B#434C28#0C121B#775C47
- All Nighter Split-complementary Color Scheme#455454#60394D#604938#193232#8F5973
- Ancient Pine Split-complementary Color Scheme#444B43#473854#59354A#1B2B1B#6A5287
- Armadillo Split-complementary Color Scheme#484A46#33365B#5A395B#21211D#4E518B
- Arsenic Split-complementary Color Scheme#3B444B#553333#515131#181B26#864C52
- Artist’s Charcoal Split-complementary Color Scheme#37393E#4A352B#434C28#0C121B#7B5349
- Bark Split-complementary Color Scheme#5F5854#456F6E#43456D#433120#67A195
- Black Forest Split-complementary Color Scheme#5E6354#445172#674876#37412A#696BA0
- Black Magic Split-complementary Color Scheme#4F4554#576238#336644#2E183B#898E58
- Black Olive Split-complementary Color Scheme#3B3C36#2B3448#382B46#16160E#475877
- Black Orchid Split-complementary Color Scheme#525463#705446#636F46#2A2B41#A17D61
Questions
What colors go with Smokescreen?
In a split-complementary scheme: Cormorant (#437064), Astronaut (#445172), Morocco Brown (#442D21), Emerald Oasis (#67A195).
What is the hex code of Smokescreen?
#5E5755.