Quince Triadic Color Scheme
Five colors arranged by the triadic rule around Quince (#D4CB60), each snapped to its nearest named color.
#D4CB60
#66CCCC
#CC66DD
#E9E5B3
#37B8AF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Quince | #D4CB60 | 212, 203, 96 | 55°, 57%, 60% | 0, 4, 55, 17 | |
| Petrichor | #66CCCC | 102, 204, 204 | 180°, 50%, 60% | 50, 0, 0, 20 | |
| Blueberry Glaze | #CC66DD | 204, 102, 221 | 291°, 64%, 63% | 8, 54, 0, 13 | |
| Springtime | #E9E5B3 | 233, 229, 179 | 56°, 55%, 81% | 0, 2, 23, 9 | |
| Message Green | #37B8AF | 55, 184, 175 | 176°, 54%, 47% | 70, 0, 5, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC66DD on #E9E5B3 | 2.51:1 | — |
| Aa #D4CB60 on #CC66DD | 1.92:1 | — |
| Aa #E9E5B3 on #37B8AF | 1.89:1 | — |
| Aa #66CCCC on #CC66DD | 1.70:1 | — |
| Aa #66CCCC on #E9E5B3 | 1.47:1 | — |
| Aa #D4CB60 on #37B8AF | 1.45:1 | — |
CSS variables
:root {
--color-1: #d4cb60; /* Quince */
--color-2: #66cccc; /* Petrichor */
--color-3: #cc66dd; /* Blueberry Glaze */
--color-4: #e9e5b3; /* Springtime */
--color-5: #37b8af; /* Message Green */
}Other schemes from Quince
- Quince Complementary Color Scheme#D4CB60#E9E1A7#6264DC#2F36BA#ACB9E8
- Quince Analogous Color Scheme#D16169#D29062#D4CB60#A5CB66#74C365
- Quince Split-complementary Color Scheme#D4CB60#65A5D5#9D61D4#B5AC31#9BC4E2
- Quince Tetradic Color Scheme#D4CB60#65CE95#6264DC#D767AD#E9E5B3
- Quince Monochromatic Color Scheme#777722#B5AC31#D4CB60#E1DF9A#F6F1D7
More Light Yellow triadic palettes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Quince?
In a triadic scheme: Petrichor (#66CCCC), Blueberry Glaze (#CC66DD), Springtime (#E9E5B3), Message Green (#37B8AF).
What is the hex code of Quince?
#D4CB60.