Goldenrod (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Goldenrod (CSS) (#DAA520), each snapped to its nearest named color.
#DAA520
#38C6A1
#AA22CC
#EFC872
#0F9D76
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Goldenrod (CSS) | #DAA520 | 218, 165, 32 | 43°, 74%, 49% | 0, 24, 85, 15 | 75.2% 0.147 84 | |
| Jadeite | #38C6A1 | 56, 198, 161 | 164°, 56%, 50% | 72, 0, 19, 22 | 74.3% 0.131 171 | |
| Telemagenta | #AA22CC | 170, 34, 204 | 288°, 71%, 47% | 17, 83, 0, 20 | 55.3% 0.247 318 | |
| Hit the Hay | #EFC872 | 239, 200, 114 | 41°, 80%, 69% | 0, 16, 52, 6 | 84.9% 0.114 86 | |
| Holly Green | #0F9D76 | 15, 157, 118 | 164°, 83%, 34% | 90, 0, 25, 38 | 61.9% 0.124 167 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA22CC on #EFC872 | 3.46:1 | AA large |
| Aa #38C6A1 on #AA22CC | 2.56:1 | — |
| Aa #DAA520 on #AA22CC | 2.46:1 | — |
| Aa #EFC872 on #0F9D76 | 2.16:1 | — |
| Aa #AA22CC on #0F9D76 | 1.60:1 | — |
| Aa #38C6A1 on #0F9D76 | 1.60:1 | — |
CSS variables
:root {
--color-1: #daa520; /* Goldenrod (CSS) */
--color-2: #38c6a1; /* Jadeite */
--color-3: #aa22cc; /* Telemagenta */
--color-4: #efc872; /* Hit the Hay */
--color-5: #0f9d76; /* Holly Green */
}Other schemes from Goldenrod (CSS)
- Goldenrod (CSS) Complementary Color Scheme#DAA520#E4C36C#214FC6#113691#6495ED
- Goldenrod (CSS) Analogous Color Scheme#DD2255#DD4422#DAA520#BBCC22#58D332
- Goldenrod (CSS) Split-complementary Color Scheme#DAA520#21ABCD#5D21D0#967217#4EC0ED
- Goldenrod (CSS) Tetradic Color Scheme#DAA520#31D652#214FC6#D521B8#EFC872
- Goldenrod (CSS) Monochromatic Color Scheme#514100#967217#DAA520#EEC25F#F1DCA1
More medium orange triadic color schemes
- 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 Goldenrod (CSS)?
In a triadic scheme: Jadeite (#38C6A1), Telemagenta (#AA22CC), Hit the Hay (#EFC872), Holly Green (#0F9D76).
What is the hex code of Goldenrod (CSS)?
#DAA520.