Gargoyle Triadic Color Scheme
Five colors arranged by the triadic rule around Gargoyle (#ABB39E), each snapped to its nearest named color.
#ABB39E
#93AEBC
#BA93AF
#DFE4D5
#608BA6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Gargoyle | #ABB39E | 171, 179, 158 | 83°, 12%, 66% | 4, 0, 12, 30 | 75.5% 0.031 124 | |
| Showcase Blue | #93AEBC | 147, 174, 188 | 200°, 23%, 66% | 22, 7, 0, 26 | 73.5% 0.036 230 | |
| Blooming Lilac | #BA93AF | 186, 147, 175 | 317°, 22%, 65% | 0, 21, 6, 27 | 70.8% 0.060 337 | |
| Greening | #DFE4D5 | 223, 228, 213 | 80°, 22%, 86% | 2, 0, 7, 11 | 91.1% 0.021 122 | |
| Sea Crystal | #608BA6 | 96, 139, 166 | 203°, 28%, 51% | 42, 16, 0, 35 | 61.6% 0.063 237 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DFE4D5 on #608BA6 | 2.82:1 | — |
| Aa #BA93AF on #DFE4D5 | 2.06:1 | — |
| Aa #93AEBC on #DFE4D5 | 1.80:1 | — |
| Aa #ABB39E on #608BA6 | 1.68:1 | — |
| Aa #ABB39E on #DFE4D5 | 1.67:1 | — |
| Aa #93AEBC on #608BA6 | 1.57:1 | — |
CSS variables
:root {
--color-1: #abb39e; /* Gargoyle */
--color-2: #93aebc; /* Showcase Blue */
--color-3: #ba93af; /* Blooming Lilac */
--color-4: #dfe4d5; /* Greening */
--color-5: #608ba6; /* Sea Crystal */
}Other schemes from Gargoyle
- Gargoyle Complementary Color Scheme#ABB39E#DAE2CD#A193BF#6F63A0#D9D3E5
- Gargoyle Analogous Color Scheme#BAA391#BDB98F#ABB39E#99BD91#8EBAA6
- Gargoyle Split-complementary Color Scheme#ABB39E#9499BB#B48FBD#89A068#C2C7DB
- Gargoyle Tetradic Color Scheme#ABB39E#93BCBB#A193BF#BD9095#DFE4D5
- Gargoyle Monochromatic Color Scheme#5E6552#879473#ABB39E#CFD7CB#F4F4F0
More light green triadic color schemes
- A State of Mint Triadic Color Scheme#88FFCC#CC88FF#FFCC88#E6FDF1#BF3CFF
- Basil Smash Triadic Color Scheme#B7E1A1#A3BAE3#E3A1B8#F1F9EC#6688CC
- Bay Triadic Color Scheme#B3E2D3#D6B7E2#E1D4B4#ECF7F7#A87DC2
- Big Spender Triadic Color Scheme#ACDDAF#B6ADD8#DDADAF#EBF8EF#7777CC
- Bok Choy Triadic Color Scheme#BCCAB3#AEBBD0#CEAEBB#F0F4EB#7C94B2
- Botanist Triadic Color Scheme#9AD28C#8B98D8#CF8D9A#DAEED5#556CB5
- Cabbage Triadic Color Scheme#87D7BE#B790D4#D8BE89#D2EFE6#9955CC
- Camping Grounds Triadic Color Scheme#B4C2A2#9FB6C6#C19FB3#E4ECDF#6B8CA9
- Celadon Triadic Color Scheme#ACE1AF#ACACE6#E6B0AF#EBF8EF#7777CC
- Celadon Porcelain Triadic Color Scheme#7EBEA5#AB7CB4#BEA77D#C6E3D3#84549B
- Celery Mousse Triadic Color Scheme#C1FD95#99CCFF#F49AC2#F1FDE9#5097FC
- Copper Patina Triadic Color Scheme#9DB4A0#9791BC#BD9D95#D4E3D7#6F63A0
Questions
What colors go with Gargoyle?
In a triadic scheme: Showcase Blue (#93AEBC), Blooming Lilac (#BA93AF), Greening (#DFE4D5), Sea Crystal (#608BA6).
What is the hex code of Gargoyle?
#ABB39E.