Grey Area Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Grey Area (#8F9394), each snapped to its nearest named color.
#444647
#6A6D6D
#8F9394
#B7BAB9
#DEDEDE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Black Heron | #444647 | 68, 70, 71 | 200°, 2%, 27% | 4, 1, 0, 72 | |
| Dark Ash | #6A6D6D | 106, 109, 109 | 180°, 1%, 42% | 3, 0, 0, 57 | |
| Grey Area | #8F9394 | 143, 147, 148 | 192°, 2%, 57% | 3, 1, 0, 42 | |
| Mischief Mouse | #B7BAB9 | 183, 186, 185 | 160°, 2%, 72% | 2, 0, 1, 27 | |
| Kingly Cloud | #DEDEDE | 222, 222, 222 | 0°, 0%, 87% | 0, 0, 0, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #444647 on #DEDEDE | 7.05:1 | AAA |
| Aa #444647 on #B7BAB9 | 4.85:1 | AA |
| Aa #6A6D6D on #DEDEDE | 3.88:1 | AA large |
| Aa #444647 on #8F9394 | 3.06:1 | AA large |
| Aa #6A6D6D on #B7BAB9 | 2.67:1 | — |
| Aa #8F9394 on #DEDEDE | 2.31:1 | — |
CSS variables
:root {
--color-1: #444647; /* Black Heron */
--color-2: #6a6d6d; /* Dark Ash */
--color-3: #8f9394; /* Grey Area */
--color-4: #b7bab9; /* Mischief Mouse */
--color-5: #dedede; /* Kingly Cloud */
}Other schemes from Grey Area
- Grey Area Complementary Color Scheme#8F9394#B0C8D0#AD8177#885C4E#D4BBB6
- Grey Area Analogous Color Scheme#76AD83#71AF98#8F9394#7988AB#8278AD
- Grey Area Triadic Color Scheme#8F9394#AC74A4#A4AE77#B5CED4#834D7C
- Grey Area Split-complementary Color Scheme#8F9394#AA7982#AF9C76#547D86#C9A7AC
- Grey Area Tetradic Color Scheme#8F9394#9D7AAC#AD8177#87AE73#B5CED4
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 Grey Area?
In a monochromatic scheme: Black Heron (#444647), Dark Ash (#6A6D6D), Mischief Mouse (#B7BAB9), Kingly Cloud (#DEDEDE).
What is the hex code of Grey Area?
#8F9394.