Porcini Triadic Color Scheme
Five colors arranged by the triadic rule around Porcini (#D9AE86), each snapped to its nearest named color.
#D9AE86
#88DDAA
#AA8ED6
#F0E2D3
#54C589
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Porcini | #D9AE86 | 217, 174, 134 | 29°, 52%, 69% | 0, 20, 38, 15 | 78.0% 0.074 64 | |
| Jovial Jade | #88DDAA | 136, 221, 170 | 144°, 56%, 70% | 38, 0, 23, 13 | 83.0% 0.110 157 | |
| Middy’s Purple | #AA8ED6 | 170, 142, 214 | 263°, 47%, 70% | 21, 34, 0, 16 | 69.9% 0.107 302 | |
| Agrodolce | #F0E2D3 | 240, 226, 211 | 31°, 49%, 88% | 0, 6, 12, 6 | 92.0% 0.025 69 | |
| Enamelled Dragon | #54C589 | 84, 197, 137 | 148°, 49%, 55% | 57, 0, 30, 23 | 74.2% 0.136 157 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA8ED6 on #F0E2D3 | 2.19:1 | — |
| Aa #88DDAA on #AA8ED6 | 1.72:1 | — |
| Aa #F0E2D3 on #54C589 | 1.70:1 | — |
| Aa #D9AE86 on #F0E2D3 | 1.60:1 | — |
| Aa #D9AE86 on #AA8ED6 | 1.37:1 | — |
| Aa #88DDAA on #54C589 | 1.33:1 | — |
CSS variables
:root {
--color-1: #d9ae86; /* Porcini */
--color-2: #88ddaa; /* Jovial Jade */
--color-3: #aa8ed6; /* Middy’s Purple */
--color-4: #f0e2d3; /* Agrodolce */
--color-5: #54c589; /* Enamelled Dragon */
}Other schemes from Porcini
- Porcini Complementary Color Scheme#D9AE86#EEDDCC#84AFD5#4A87CB#D2E2F2
- Porcini Analogous Color Scheme#DB88AC#D98586#D9AE86#D8DB8B#B9D786
- Porcini Split-complementary Color Scheme#D9AE86#88D9D8#8A83DA#C6884A#C3ECE9
- Porcini Tetradic Color Scheme#D9AE86#8CCE86#84AFD5#CC88DD#F0E2D3
- Porcini Monochromatic Color Scheme#9D632D#C6884A#D9AE86#E9D7C0#F8F1EB
More light orange triadic color schemes
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
Questions
What colors go with Porcini?
In a triadic scheme: Jovial Jade (#88DDAA), Middy’s Purple (#AA8ED6), Agrodolce (#F0E2D3), Enamelled Dragon (#54C589).
What is the hex code of Porcini?
#D9AE86.