Butternut Triadic Color Scheme
Five colors arranged by the triadic rule around Butternut (#FFA177), each snapped to its nearest named color.
#FFA177
#76FDA8
#A675FE
#FEE6DC
#33EE66
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Butternut | #FFA177 | 255, 161, 119 | 19°, 100%, 73% | 0, 37, 53, 0 | |
| Lunatic Sky Dancer | #76FDA8 | 118, 253, 168 | 142°, 97%, 73% | 53, 0, 34, 1 | |
| Purple Illusionist | #A675FE | 166, 117, 254 | 261°, 99%, 73% | 35, 54, 0, 0 | |
| French Manicure | #FEE6DC | 254, 230, 220 | 18°, 94%, 93% | 0, 9, 13, 0 | |
| Acid Pops | #33EE66 | 51, 238, 102 | 136°, 85%, 57% | 79, 0, 57, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A675FE on #FEE6DC | 2.66:1 | — |
| Aa #76FDA8 on #A675FE | 2.48:1 | — |
| Aa #A675FE on #33EE66 | 2.06:1 | — |
| Aa #FFA177 on #FEE6DC | 1.65:1 | — |
| Aa #FFA177 on #A675FE | 1.61:1 | — |
| Aa #FFA177 on #76FDA8 | 1.54:1 | — |
CSS variables
:root {
--color-1: #ffa177; /* Butternut */
--color-2: #76fda8; /* Lunatic Sky Dancer */
--color-3: #a675fe; /* Purple Illusionist */
--color-4: #fee6dc; /* French Manicure */
--color-5: #33ee66; /* Acid Pops */
}Other schemes from Butternut
- Butternut Complementary Color Scheme#FFA177#FDE1D4#76D6FF#22BBFF#DEF7FE
- Butternut Analogous Color Scheme#FF6EC7#FD798F#FFA177#FFE774#D4FB79
- Butternut Split-complementary Color Scheme#FFA177#77EEEE#6888FC#FF7124#C4FFF7
- Butternut Tetradic Color Scheme#FFA177#8CFD7E#76D6FF#EE77FF#FEE6DC
- Butternut Monochromatic Color Scheme#DD4400#FF7124#FFA177#FCD5C5#FFECE5
More Light Orange triadic palettes
- 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 Butternut?
In a triadic scheme: Lunatic Sky Dancer (#76FDA8), Purple Illusionist (#A675FE), French Manicure (#FEE6DC), Acid Pops (#33EE66).
What is the hex code of Butternut?
#FFA177.