Earl Grey Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Earl Grey (#A6978A), each snapped to its nearest named color.
#A6978A
#7BB5AE
#7A85AF
#8C6F54
#AECCCB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Earl Grey | #A6978A | 166, 151, 138 | 28°, 14%, 60% | 0, 9, 17, 35 | |
| Melodious | #7BB5AE | 123, 181, 174 | 173°, 28%, 60% | 32, 0, 4, 29 | |
| Corsican Purple | #7A85AF | 122, 133, 175 | 228°, 25%, 58% | 30, 24, 0, 31 | |
| Ash Gold | #8C6F54 | 140, 111, 84 | 29°, 25%, 44% | 0, 21, 40, 45 | |
| Baroque Chalk Soft Blue | #AECCCB | 174, 204, 203 | 178°, 23%, 74% | 15, 0, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8C6F54 on #AECCCB | 2.72:1 | — |
| Aa #7A85AF on #AECCCB | 2.12:1 | — |
| Aa #7BB5AE on #8C6F54 | 2.01:1 | — |
| Aa #A6978A on #AECCCB | 1.66:1 | — |
| Aa #A6978A on #8C6F54 | 1.64:1 | — |
| Aa #7BB5AE on #7A85AF | 1.56:1 | — |
CSS variables
:root {
--color-1: #a6978a; /* Earl Grey */
--color-2: #7bb5ae; /* Melodious */
--color-3: #7a85af; /* Corsican Purple */
--color-4: #8c6f54; /* Ash Gold */
--color-5: #aecccb; /* Baroque Chalk Soft Blue */
}Other schemes from Earl Grey
- Earl Grey Complementary Color Scheme#A6978A#D4C5BA#7B99B0#57748D#BECBD7
- Earl Grey Analogous Color Scheme#B07F9E#B67C80#A6978A#B3B17B#96B47E
- Earl Grey Triadic Color Scheme#A6978A#7EB394#947CAE#DACBBF#548F6F
- Earl Grey Tetradic Color Scheme#A6978A#88B378#7B99B0#AB7CB4#DACBBF
- Earl Grey Monochromatic Color Scheme#544A42#817162#A6978A#C8BFB5#E8E4E0
More Medium Orange split-complementary palettes
- 24 Carrot Split-complementary Color Scheme#E56E24#25E2CD#273BE2#AD4E1A#6FE7DB
- À l’Orange Split-complementary Color Scheme#F2850D#11EEEE#150AEC#A75E09#56F7F3
- Acorn Split-complementary Color Scheme#7F5E50#43817A#4E5481#533B32#74A69B
- Amaretto Sour Split-complementary Color Scheme#C09856#56B3C3#6258C4#976F3C#8ECED8
- Amber Split-complementary Color Scheme#FFBF00#00BFFF#3F00FF#BB8800#4CD5FF
- Apocalyptic Orange Split-complementary Color Scheme#F4711E#08E8DE#152EFF#BB5511#66EEEE
- Arancio Split-complementary Color Scheme#FF7013#11FFEE#152EFF#C65102#65FFFF
- Argan Oil Split-complementary Color Scheme#9D6646#4A9C95#445599#6A432D#71BAB4
- Arrakis Spice Split-complementary Color Scheme#BB8246#43BCBE#4A40AD#825E2F#7FD3D3
- Arrowwood Split-complementary Color Scheme#B3861E#1E98AE#3A18B1#775511#34B5D5
- Atomic Orange Split-complementary Color Scheme#F88605#01F1F1#0C06F7#B25F03#53F6FF
- Autumnal Split-complementary Color Scheme#AD5928#25AE8E#2138AB#72371C#48D1CC
Questions
What colors go with Earl Grey?
In a split-complementary scheme: Melodious (#7BB5AE), Corsican Purple (#7A85AF), Ash Gold (#8C6F54), Baroque Chalk Soft Blue (#AECCCB).
What is the hex code of Earl Grey?
#A6978A.