Grey Web Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Grey Web (#616669), each snapped to its nearest named color.
#616669
#7D4F51
#7C754C
#2D454A
#A56E75
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Grey Web | #616669 | 97, 102, 105 | 202°, 4%, 40% | 8, 3, 0, 59 | 50.7% 0.008 234 | |
| Antique Red | #7D4F51 | 125, 79, 81 | 357°, 23%, 40% | 0, 37, 35, 51 | 48.0% 0.062 17 | |
| Greek Oregano | #7C754C | 124, 117, 76 | 51°, 24%, 39% | 0, 6, 39, 51 | 55.8% 0.059 100 | |
| Little Mermaid | #2D454A | 45, 69, 74 | 190°, 24%, 23% | 39, 7, 0, 71 | 37.3% 0.031 212 | |
| Turkish Rose | #A56E75 | 165, 110, 117 | 352°, 23%, 54% | 0, 33, 29, 35 | 59.8% 0.071 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2D454A on #A56E75 | 2.47:1 | — |
| Aa #7C754C on #2D454A | 2.19:1 | — |
| Aa #616669 on #2D454A | 1.75:1 | — |
| Aa #7D4F51 on #A56E75 | 1.64:1 | — |
| Aa #7D4F51 on #2D454A | 1.51:1 | — |
| Aa #7D4F51 on #7C754C | 1.45:1 | — |
CSS variables
:root {
--color-1: #616669; /* Grey Web */
--color-2: #7d4f51; /* Antique Red */
--color-3: #7c754c; /* Greek Oregano */
--color-4: #2d454a; /* Little Mermaid */
--color-5: #a56e75; /* Turkish Rose */
}Other schemes from Grey Web
- Grey Web Complementary Color Scheme#616669#7A99AD#7C5F4A#4D3C2D#AF937D
- Grey Web Analogous Color Scheme#4C785C#517B78#616669#4D517F#57487F
- Grey Web Triadic Color Scheme#616669#7B4D6B#6A7D4E#7B9EB0#532D45
- Grey Web Tetradic Color Scheme#616669#724C7B#7C5F4A#507B49#7B9EB0
- Grey Web Monochromatic Color Scheme#181818#3C3F40#616669#888C90#AEB2B5
More dark gray split-complementary color schemes
- 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 Grey Web?
In a split-complementary scheme: Antique Red (#7D4F51), Greek Oregano (#7C754C), Little Mermaid (#2D454A), Turkish Rose (#A56E75).
What is the hex code of Grey Web?
#616669.