Gargoyle Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Gargoyle (#ABB39E), each snapped to its nearest named color.
#ABB39E
#9499BB
#B48FBD
#89A068
#C2C7DB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gargoyle | #ABB39E | 171, 179, 158 | 83°, 12%, 66% | 4, 0, 12, 30 | |
| Thistle Down | #9499BB | 148, 153, 187 | 232°, 22%, 66% | 21, 18, 0, 27 | |
| Satin Flower | #B48FBD | 180, 143, 189 | 288°, 26%, 65% | 5, 24, 0, 26 | |
| Buckingham Gardens | #89A068 | 137, 160, 104 | 85°, 23%, 52% | 14, 0, 35, 37 | |
| Iced Lavender | #C2C7DB | 194, 199, 219 | 228°, 26%, 81% | 11, 9, 0, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #89A068 on #C2C7DB | 1.71:1 | — |
| Aa #9499BB on #C2C7DB | 1.66:1 | — |
| Aa #B48FBD on #C2C7DB | 1.64:1 | — |
| Aa #ABB39E on #89A068 | 1.33:1 | — |
| Aa #ABB39E on #C2C7DB | 1.29:1 | — |
| Aa #ABB39E on #9499BB | 1.28:1 | — |
CSS variables
:root {
--color-1: #abb39e; /* Gargoyle */
--color-2: #9499bb; /* Thistle Down */
--color-3: #b48fbd; /* Satin Flower */
--color-4: #89a068; /* Buckingham Gardens */
--color-5: #c2c7db; /* Iced Lavender */
}Other schemes from Gargoyle
- Gargoyle Complementary Color Scheme#ABB39E#DAE2CD#A193BF#6F63A0#D9D3E5
- Gargoyle Analogous Color Scheme#BAA391#BDB98F#ABB39E#99BD91#8EBAA6
- Gargoyle Triadic Color Scheme#ABB39E#93AEBC#BA93AF#DFE4D5#608BA6
- Gargoyle Tetradic Color Scheme#ABB39E#93BCBB#A193BF#BD9095#DFE4D5
- Gargoyle Monochromatic Color Scheme#5E6552#879473#ABB39E#CFD7CB#F4F4F0
More Light Green split-complementary palettes
- A State of Mint Split-complementary Color Scheme#88FFCC#FF88FF#FF8D86#2AFEB7#FED0FC
- Basil Smash Split-complementary Color Scheme#B7E1A1#ACACE6#E1A0CF#8DCE65#DBDBF7
- Bay Split-complementary Color Scheme#B3E2D3#E6B5D7#E2BCB3#79CCB3#F9E7F4
- Big Spender Split-complementary Color Scheme#ACDDAF#CAADD8#DCA7C2#6FC276#EFE2F2
- Bok Choy Split-complementary Color Scheme#BCCAB3#B4AECC#D1ACCE#96B47E#E0DFEA
- Botanist Split-complementary Color Scheme#9AD28C#AA8ED6#D492BD#68BD56#D0C8E6
- Cabbage Split-complementary Color Scheme#87D7BE#DA93C1#D79584#48C09B#E7C3E7
- Camping Grounds Split-complementary Color Scheme#B4C2A2#9EA5C3#C09DC8#90A96E#D0D1E1
- Celadon Split-complementary Color Scheme#ACE1AF#D6B7E2#E0ADC4#6CCC7B#F0E5F5
- Celadon Porcelain Split-complementary Color Scheme#7EBEA5#BA7AB3#BE847D#4F9E81#DBB0D3
- Celery Mousse Split-complementary Color Scheme#C1FD95#9999FF#FF99EE#9CEF43#E0E0FF
- Copper Patina Split-complementary Color Scheme#9DB4A0#AF92BD#BA99A2#72A86A#D4C3DA
Questions
What colors go with Gargoyle?
In a split-complementary scheme: Thistle Down (#9499BB), Satin Flower (#B48FBD), Buckingham Gardens (#89A068), Iced Lavender (#C2C7DB).
What is the hex code of Gargoyle?
#ABB39E.