Goldenrod (CSS) Tetradic Color Scheme

Five colors arranged by the tetradic rule around Goldenrod (CSS) (#DAA520), each snapped to its nearest named color.

#DAA520

#31D652

#214FC6

#D521B8

#EFC872

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
Brazilianite	`#31D652`	49, 214, 82	132°, 67%, 52%	77, 0, 62, 16	76.8% 0.218 146
New Car	`#214FC6`	33, 79, 198	223°, 71%, 45%	83, 60, 0, 22	47.5% 0.192 264
Magentella	`#D521B8`	213, 33, 184	310°, 73%, 48%	0, 85, 14, 16	60.5% 0.251 336
Hit the Hay	`#EFC872`	239, 200, 114	41°, 80%, 69%	0, 16, 52, 6	84.9% 0.114 86

Which pairs work for text

Text on background	Contrast	WCAG
Aa #214FC6 on #EFC872	4.39:1	AA large
Aa #31D652 on #214FC6	3.63:1	AA large
Aa #DAA520 on #214FC6	3.13:1	AA large
Aa #D521B8 on #EFC872	2.78:1	—
Aa #31D652 on #D521B8	2.29:1	—
Aa #DAA520 on #D521B8	1.98:1	—

CSS variables

:root {
  --color-1: #daa520; /* Goldenrod (CSS) */
  --color-2: #31d652; /* Brazilianite */
  --color-3: #214fc6; /* New Car */
  --color-4: #d521b8; /* Magentella */
  --color-5: #efc872; /* Hit the Hay */
}

Other schemes from Goldenrod (CSS)

#DAA520
#E4C36C
#214FC6
#113691
#6495ED
Goldenrod (CSS) Complementary Color Scheme
#DD2255
#DD4422
#DAA520
#BBCC22
#58D332
Goldenrod (CSS) Analogous Color Scheme
#DAA520
#38C6A1
#AA22CC
#EFC872
#0F9D76
Goldenrod (CSS) Triadic Color Scheme
#DAA520
#21ABCD
#5D21D0
#967217
#4EC0ED
Goldenrod (CSS) Split-complementary Color Scheme
#514100
#967217
#DAA520
#EEC25F
#F1DCA1
Goldenrod (CSS) Monochromatic Color Scheme

More medium orange tetradic color schemes

Questions

What colors go with Goldenrod (CSS)?

In a tetradic scheme: Brazilianite (#31D652), New Car (#214FC6), Magentella (#D521B8), Hit the Hay (#EFC872).

What is the hex code of Goldenrod (CSS)?

#DAA520.