Goldenrod (CSS) Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Goldenrod (CSS) (#DAA520), each snapped to its nearest named color.
#514100
#967217
#DAA520
#EEC25F
#F1DCA1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Roman Bronze | #514100 | 81, 65, 0 | 48°, 100%, 16% | 0, 20, 100, 68 | 38.1% 0.078 93 | |
| Glazed Chestnut | #967217 | 150, 114, 23 | 43°, 73%, 34% | 0, 24, 85, 41 | 57.3% 0.110 85 | |
| Goldenrod (CSS) | #DAA520 | 218, 165, 32 | 43°, 74%, 49% | 0, 24, 85, 15 | 75.2% 0.147 84 | |
| Overjoy | #EEC25F | 238, 194, 95 | 42°, 81%, 65% | 0, 18, 60, 7 | 83.4% 0.127 85 | |
| Hazy Moon | #F1DCA1 | 241, 220, 161 | 44°, 74%, 79% | 0, 9, 33, 5 | 89.8% 0.079 91 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #514100 on #F1DCA1 | 7.36:1 | AAA |
| Aa #514100 on #EEC25F | 5.94:1 | AA |
| Aa #514100 on #DAA520 | 4.46:1 | AA large |
| Aa #967217 on #F1DCA1 | 3.28:1 | AA large |
| Aa #967217 on #EEC25F | 2.65:1 | — |
| Aa #514100 on #967217 | 2.24:1 | — |
CSS variables
:root {
--color-1: #514100; /* Roman Bronze */
--color-2: #967217; /* Glazed Chestnut */
--color-3: #daa520; /* Goldenrod (CSS) */
--color-4: #eec25f; /* Overjoy */
--color-5: #f1dca1; /* Hazy Moon */
}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) Triadic Color Scheme#DAA520#38C6A1#AA22CC#EFC872#0F9D76
- Goldenrod (CSS) Split-complementary Color Scheme#DAA520#21ABCD#5D21D0#967217#4EC0ED
- Goldenrod (CSS) Tetradic Color Scheme#DAA520#31D652#214FC6#D521B8#EFC872
More medium orange monochromatic color schemes
- 24 Carrot Monochromatic Color Scheme#6C2E09#AD4E1A#E56E24#ED9F6C#F1CAAD
- À l’Orange Monochromatic Color Scheme#653700#A75E09#F2850D#F4AA53#FBCD9F
- Acorn Monochromatic Color Scheme#231712#4F3A32#7F5E50#A48374#C5AEA6
- Amaretto Sour Monochromatic Color Scheme#5C4827#976F3C#C09856#D4BA8C#EADCC6
- Amber Monochromatic Color Scheme#664400#BB8800#FFBF00#FFD34E#FFE69A
- Apocalyptic Orange Monochromatic Color Scheme#6C2E09#BB5511#F4711E#FF9C68#FBCEB1
- Arancio Monochromatic Color Scheme#773300#C65102#FF7013#FF9863#FECDAC
- Argan Oil Monochromatic Color Scheme#372418#6A432D#9D6646#BE8C74#D6B8A7
- Arrakis Spice Monochromatic Color Scheme#53331E#825E2F#BB8246#D1A67D#E4CEB5
- Arrowwood Monochromatic Color Scheme#332200#775511#B3861E#DBB239#EBC881
- Atomic Orange Monochromatic Color Scheme#653700#B25F03#F88605#FCA750#FFCC99
- Autumnal Monochromatic Color Scheme#2D1608#72371C#AD5928#D57E52#E3AF8E
Questions
What colors go with Goldenrod (CSS)?
In a monochromatic scheme: Roman Bronze (#514100), Glazed Chestnut (#967217), Overjoy (#EEC25F), Hazy Moon (#F1DCA1).
What is the hex code of Goldenrod (CSS)?
#DAA520.