Pesto Triadic Color Scheme
Five colors arranged by the triadic rule around Pesto (#C1B23E), each snapped to its nearest named color.
#C1B23E
#34C2A7
#AA22CC
#DBD186
#2F847C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pesto | #C1B23E | 193, 178, 62 | 53°, 51%, 50% | 0, 8, 68, 24 | 75.5% 0.135 102 | |
| Jade Mountain | #34C2A7 | 52, 194, 167 | 169°, 58%, 48% | 73, 0, 14, 24 | 73.4% 0.124 177 | |
| Telemagenta | #AA22CC | 170, 34, 204 | 288°, 71%, 47% | 17, 83, 0, 20 | 55.3% 0.247 318 | |
| Treasury | #DBD186 | 219, 209, 134 | 53°, 54%, 69% | 0, 5, 39, 14 | 85.2% 0.096 102 | |
| Celadon Green | #2F847C | 47, 132, 124 | 174°, 47%, 35% | 64, 0, 6, 48 | 56.0% 0.081 186 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA22CC on #DBD186 | 3.54:1 | AA large |
| Aa #DBD186 on #2F847C | 2.86:1 | — |
| Aa #C1B23E on #AA22CC | 2.55:1 | — |
| Aa #34C2A7 on #AA22CC | 2.47:1 | — |
| Aa #C1B23E on #2F847C | 2.06:1 | — |
| Aa #34C2A7 on #2F847C | 2.00:1 | — |
CSS variables
:root {
--color-1: #c1b23e; /* Pesto */
--color-2: #34c2a7; /* Jade Mountain */
--color-3: #aa22cc; /* Telemagenta */
--color-4: #dbd186; /* Treasury */
--color-5: #2f847c; /* Celadon Green */
}Other schemes from Pesto
- Pesto Complementary Color Scheme#C1B23E#DACD81#214FC6#293286#8B98D8
- Pesto Analogous Color Scheme#C53A4B#C5703F#C1B23E#88CC33#5AD33E
- Pesto Split-complementary Color Scheme#C1B23E#3C94C1#6A31CA#87762B#7AB2D4
- Pesto Tetradic Color Scheme#C1B23E#3CD070#214FC6#CC338B#DBD186
- Pesto Monochromatic Color Scheme#444411#87762B#C1B23E#D4C978#E2E2B5
More medium yellow triadic color schemes
- A Frond in Need Triadic Color Scheme#9F9978#72A49F#9C6DA5#CECBAE#497F73
- Amazon Queen Triadic Color Scheme#948F54#52928D#8B4F90#BDB98F#3C6461
- Angel’s Trumpet Triadic Color Scheme#F6DD34#3AFDDB#DD33FF#F8EB97#04D8B2
- Antique Triadic Color Scheme#8B846D#5E9B8A#875F9A#C2B99D#446B61
- Backroom Ember Triadic Color Scheme#A19250#53A391#9A4EAE#C3BC90#376D64
- Bamboo Forest Triadic Color Scheme#B1A979#79AFAD#AB7CB4#D7D2B8#538B89
- Banana Bandanna Triadic Color Scheme#F8F739#33FFFF#FF33FF#FCFC9D#11DDDD
- Banana Bombshell Triadic Color Scheme#F7E82E#26F7FD#ED24ED#F6F493#09CDCD
- Banana Brick Triadic Color Scheme#E8D82C#25E2CD#DD33FF#F2E887#0AAFA4
- Banana Flash Triadic Color Scheme#EEFE02#00EEFF#FF08E8#F1FF62#01A7B2
- Banana King Triadic Color Scheme#FFFB08#0FFEF9#FF09FF#FFFE71#00B5B8
- Banana Pepper Triadic Color Scheme#FDD630#32FFDC#DD33FF#FFE696#00DEAD
Questions
What colors go with Pesto?
In a triadic scheme: Jade Mountain (#34C2A7), Telemagenta (#AA22CC), Treasury (#DBD186), Celadon Green (#2F847C).
What is the hex code of Pesto?
#C1B23E.