Porcini Tetradic Color Scheme
Five colors arranged by the tetradic rule around Porcini (#D9AE86), each snapped to its nearest named color.
#D9AE86
#8CCE86
#84AFD5
#CC88DD
#F0E2D3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Porcini | #D9AE86 | 217, 174, 134 | 29°, 52%, 69% | 0, 20, 38, 15 | |
| Greek Garden | #8CCE86 | 140, 206, 134 | 115°, 42%, 67% | 32, 0, 35, 19 | |
| Boo Blue | #84AFD5 | 132, 175, 213 | 208°, 49%, 68% | 38, 18, 0, 16 | |
| Blush Essence | #CC88DD | 204, 136, 221 | 288°, 56%, 70% | 8, 38, 0, 13 | |
| Agrodolce | #F0E2D3 | 240, 226, 211 | 31°, 49%, 88% | 0, 6, 12, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC88DD on #F0E2D3 | 2.03:1 | — |
| Aa #84AFD5 on #F0E2D3 | 1.82:1 | — |
| Aa #D9AE86 on #F0E2D3 | 1.60:1 | — |
| Aa #8CCE86 on #F0E2D3 | 1.46:1 | — |
| Aa #8CCE86 on #CC88DD | 1.39:1 | — |
| Aa #D9AE86 on #CC88DD | 1.27:1 | — |
CSS variables
:root {
--color-1: #d9ae86; /* Porcini */
--color-2: #8cce86; /* Greek Garden */
--color-3: #84afd5; /* Boo Blue */
--color-4: #cc88dd; /* Blush Essence */
--color-5: #f0e2d3; /* Agrodolce */
}Other schemes from Porcini
- Porcini Complementary Color Scheme#D9AE86#EEDDCC#84AFD5#4A87CB#D2E2F2
- Porcini Analogous Color Scheme#DB88AC#D98586#D9AE86#D8DB8B#B9D786
- Porcini Triadic Color Scheme#D9AE86#88DDAA#AA8ED6#F0E2D3#54C589
- Porcini Split-complementary Color Scheme#D9AE86#88D9D8#8A83DA#C6884A#C3ECE9
- Porcini Monochromatic Color Scheme#9D632D#C6884A#D9AE86#E9D7C0#F8F1EB
More Light Orange tetradic palettes
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 3AM Latte Tetradic Color Scheme#C0A98E#96C193#8FA6C1#C189BC#E4DBCE
- Ancestral Gold Tetradic Color Scheme#DDCDA6#AADEB2#A6BADF#DAA6CF#F7F5ED
- Angry Pasta Tetradic Color Scheme#FFCC55#4CFF7B#5588FF#FE4EDA#FDEBBC
- Anise Biscotti Tetradic Color Scheme#E5D5AE#B4E1BB#ADBAE3#E6AED3#F7F5EC
- Another One Bites the Dust Tetradic Color Scheme#C7BBA4#A1C4A8#A5B2C7#C2A4C2#EEEAE2
- Apricot Tetradic Color Scheme#FFB16D#77FF66#75BBFD#FE6FFF#FFE7D5
- Apricotta Tetradic Color Scheme#D8A48F#98D98E#8CC1D6#C687D6#F3E0DB
- Artisans Gold Tetradic Color Scheme#F2AB46#4EFD54#4488EE#E047E1#FAD6A5
- Ashes to Ashes Tetradic Color Scheme#BBB3A2#9FC5AA#9EA5C3#CA99B7#EAE4DA
- Atomic Tangerine Tetradic Color Scheme#FF9966#9AF764#66CCFF#EE66FF#FFDDCC
- Attic Linen Tetradic Color Scheme#CCBCA9#A9CEAA#AABBCC#C9A8CE#F1EEE8
Questions
What colors go with Porcini?
In a tetradic scheme: Greek Garden (#8CCE86), Boo Blue (#84AFD5), Blush Essence (#CC88DD), Agrodolce (#F0E2D3).
What is the hex code of Porcini?
#D9AE86.