Brass Buttons Triadic Color Scheme
Five colors arranged by the triadic rule around Brass Buttons (#DFAC4C), each snapped to its nearest named color.
#DFAC4C
#58CEB2
#AA44DD
#EDD2A3
#22BB88
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Brass Buttons | #DFAC4C | 223, 172, 76 | 39°, 70%, 59% | 0, 23, 66, 13 | |
| Simply Aqua | #58CEB2 | 88, 206, 178 | 166°, 55%, 58% | 57, 0, 14, 19 | |
| Magenta Affair | #AA44DD | 170, 68, 221 | 280°, 69%, 57% | 23, 69, 0, 13 | |
| Crossroads | #EDD2A3 | 237, 210, 163 | 38°, 67%, 78% | 0, 11, 31, 7 | |
| Vegan | #22BB88 | 34, 187, 136 | 160°, 69%, 43% | 82, 0, 27, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA44DD on #EDD2A3 | 3.13:1 | AA large |
| Aa #58CEB2 on #AA44DD | 2.38:1 | — |
| Aa #DFAC4C on #AA44DD | 2.21:1 | — |
| Aa #AA44DD on #22BB88 | 1.86:1 | — |
| Aa #EDD2A3 on #22BB88 | 1.68:1 | — |
| Aa #DFAC4C on #EDD2A3 | 1.41:1 | — |
CSS variables
:root {
--color-1: #dfac4c; /* Brass Buttons */
--color-2: #58ceb2; /* Simply Aqua */
--color-3: #aa44dd; /* Magenta Affair */
--color-4: #edd2a3; /* Crossroads */
--color-5: #22bb88; /* Vegan */
}Other schemes from Brass Buttons
- Brass Buttons Complementary Color Scheme#DFAC4C#EED09C#4477DD#2A52BE#ACB9E8
- Brass Buttons Analogous Color Scheme#DE4D7B#DF644E#DFAC4C#D4DE49#69D84F
- Brass Buttons Split-complementary Color Scheme#DFAC4C#5CCBD6#6050DC#B78727#88DDEE
- Brass Buttons Tetradic Color Scheme#DFAC4C#44DD66#4477DD#DF4EC8#EDD2A3
- Brass Buttons Monochromatic Color Scheme#795419#B78727#DFAC4C#EACA90#F5E8CF
More Medium Orange triadic palettes
- 24 Carrot Triadic Color Scheme#E56E24#33EE66#6A2DED#EAAB7D#16A74E
- À l’Orange Triadic Color Scheme#F2850D#04F489#8811FF#F7B572#00AA55
- Acorn Triadic Color Scheme#7F5E50#47885E#5C5083#B28B80#34533D
- Amaretto Sour Triadic Color Scheme#C09856#48C09B#9B5FC0#DCC6A0#319177
- Amber Triadic Color Scheme#FFBF00#00FFBB#BF00FF#FFDA68#06B48B
- Apocalyptic Orange Triadic Color Scheme#F4711E#1EF876#661AEE#F9AE7D#11BB55
- Arancio Triadic Color Scheme#FF7013#1EF876#601EF9#FEB079#02C14D
- Argan Oil Triadic Color Scheme#9D6646#539B6A#674196#C39E81#316745
- Arrakis Spice Triadic Color Scheme#BB8246#47BA87#8547B5#D4B38F#348A5D
- Arrowwood Triadic Color Scheme#B3861E#1AB385#8F1CAE#E4B857#127453
- Atomic Orange Triadic Color Scheme#F88605#04F489#8800FF#FCB867#00AA55
- Autumnal Triadic Color Scheme#AD5928#36B14E#5930A9#DA8F67#1D7033
Questions
What colors go with Brass Buttons?
In a triadic scheme: Simply Aqua (#58CEB2), Magenta Affair (#AA44DD), Crossroads (#EDD2A3), Vegan (#22BB88).
What is the hex code of Brass Buttons?
#DFAC4C.