Grisaille Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Grisaille (#91979F), each snapped to its nearest named color.
#91979F
#B3837F
#B3B17B
#576D8E
#CDB1AB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Grisaille | #91979F | 145, 151, 159 | 214°, 7%, 60% | 9, 5, 0, 38 | 67.4% 0.014 256 | |
| Desert Red | #B3837F | 179, 131, 127 | 5°, 25%, 60% | 0, 27, 29, 30 | 65.6% 0.060 24 | |
| Weeping Willow | #B3B17B | 179, 177, 123 | 58°, 27%, 59% | 0, 1, 31, 30 | 74.9% 0.073 106 | |
| Kashmir Blue | #576D8E | 87, 109, 142 | 216°, 24%, 45% | 39, 23, 0, 44 | 53.0% 0.059 258 | |
| Garden Snail | #CDB1AB | 205, 177, 171 | 11°, 25%, 74% | 0, 14, 17, 20 | 78.3% 0.034 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #576D8E on #CDB1AB | 2.63:1 | — |
| Aa #B3B17B on #576D8E | 2.38:1 | — |
| Aa #91979F on #576D8E | 1.79:1 | — |
| Aa #B3837F on #576D8E | 1.62:1 | — |
| Aa #B3837F on #CDB1AB | 1.62:1 | — |
| Aa #91979F on #CDB1AB | 1.47:1 | — |
CSS variables
:root {
--color-1: #91979f; /* Grisaille */
--color-2: #b3837f; /* Desert Red */
--color-3: #b3b17b; /* Weeping Willow */
--color-4: #576d8e; /* Kashmir Blue */
--color-5: #cdb1ab; /* Garden Snail */
}Other schemes from Grisaille
- Grisaille Complementary Color Scheme#91979F#B9C4D3#B29C7F#8C7553#DACEBE
- Grisaille Analogous Color Scheme#7DB39E#79B0B6#91979F#847EB1#9D7BB0
- Grisaille Triadic Color Scheme#91979F#B37E8C#96B47E#BEC8D8#8D576D
- Grisaille Tetradic Color Scheme#91979F#B67DAF#B29C7F#7FB383#BEC8D8
- Grisaille Monochromatic Color Scheme#474C50#6B717A#91979F#BBBFC3#E3E4E5
More medium gray split-complementary color schemes
- 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 Grisaille?
In a split-complementary scheme: Desert Red (#B3837F), Weeping Willow (#B3B17B), Kashmir Blue (#576D8E), Garden Snail (#CDB1AB).
What is the hex code of Grisaille?
#91979F.