Steely Grey Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Steely Grey (#90979B), each snapped to its nearest named color.
#90979B
#B67C80
#B1A979
#52798D
#CBACAB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Steely Grey | #90979B | 144, 151, 155 | 202°, 5%, 59% | 7, 3, 0, 39 | |
| Fiesta Rojo | #B67C80 | 182, 124, 128 | 356°, 28%, 60% | 0, 32, 30, 29 | |
| Bamboo Forest | #B1A979 | 177, 169, 121 | 51°, 26%, 58% | 0, 5, 32, 31 | |
| Cayman Bay | #52798D | 82, 121, 141 | 200°, 26%, 44% | 42, 14, 0, 45 | |
| Vista | #CBACAB | 203, 172, 171 | 2°, 24%, 73% | 0, 15, 16, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #52798D on #CBACAB | 2.24:1 | — |
| Aa #B1A979 on #52798D | 1.97:1 | — |
| Aa #B67C80 on #CBACAB | 1.62:1 | — |
| Aa #90979B on #52798D | 1.58:1 | — |
| Aa #B67C80 on #B1A979 | 1.43:1 | — |
| Aa #90979B on #CBACAB | 1.42:1 | — |
CSS variables
:root {
--color-1: #90979b; /* Steely Grey */
--color-2: #b67c80; /* Fiesta Rojo */
--color-3: #b1a979; /* Bamboo Forest */
--color-4: #52798d; /* Cayman Bay */
--color-5: #cbacab; /* Vista */
}Other schemes from Steely Grey
- Steely Grey Complementary Color Scheme#90979B#B5C7D2#AE8D7B#896956#D4C5BA
- Steely Grey Analogous Color Scheme#7BB18D#79AFAD#90979B#7A85AF#8B79B1
- Steely Grey Triadic Color Scheme#90979B#B07F9E#9EB37B#BECBD7#885577
- Steely Grey Tetradic Color Scheme#90979B#AB7CB4#AE8D7B#88B378#BECBD7
- Steely Grey Monochromatic Color Scheme#45494D#6A7074#90979B#B8BEBF#E1E2E4
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 Steely Grey?
In a split-complementary scheme: Fiesta Rojo (#B67C80), Bamboo Forest (#B1A979), Cayman Bay (#52798D), Vista (#CBACAB).
What is the hex code of Steely Grey?
#90979B.