Dark Orange (CSS) Monochromatic Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Brown	`#653700`	101, 55, 0	33°, 100%, 20%	0, 46, 100, 60	38.6% 0.089 62
Umber	`#B26400`	178, 100, 0	34°, 100%, 35%	0, 44, 100, 30	58.0% 0.135 61
Dark Orange (CSS)	`#FF8C00`	255, 140, 0	33°, 100%, 50%	0, 45, 100, 0	75.1% 0.179 58
Splendour Gold	`#FFB14E`	255, 177, 78	34°, 100%, 65%	0, 31, 69, 0	81.8% 0.145 69
Whipped Apricot	`#FFD299`	255, 210, 153	34°, 100%, 80%	0, 18, 40, 0	89.0% 0.089 73

Which pairs work for text

Text on background	Contrast	WCAG
Aa #653700 on #FFD299	7.11:1	AAA
Aa #653700 on #FFB14E	5.55:1	AA
Aa #653700 on #FF8C00	4.29:1	AA large
Aa #B26400 on #FFD299	3.17:1	AA large
Aa #B26400 on #FFB14E	2.47:1	—
Aa #653700 on #B26400	2.25:1	—

CSS variables

:root {
  --color-1: #653700; /* Brown */
  --color-2: #b26400; /* Umber */
  --color-3: #ff8c00; /* Dark Orange (CSS) */
  --color-4: #ffb14e; /* Splendour Gold */
  --color-5: #ffd299; /* Whipped Apricot */
}

Other schemes from Dark Orange (CSS)

#FF8C00
#FFB559
#0070FF
#0055BB
#77AAFF
Dark Orange (CSS) Complementary Color Scheme
#FF0073
#FF0D00
#FF8C00
#F4FF00
#7CFC00
Dark Orange (CSS) Analogous Color Scheme
#FF8C00
#00FA92
#8F00FF
#FFBB66
#00AB66
Dark Orange (CSS) Triadic Color Scheme
#FF8C00
#00EEFF
#0804F9
#B26400
#53F6FF
Dark Orange (CSS) Split-complementary Color Scheme
#FF8C00
#00FF0D
#0070FF
#FF00FF
#FFBB66
Dark Orange (CSS) Tetradic Color Scheme

More medium orange monochromatic color schemes

Questions

What colors go with Dark Orange (CSS)?

In a monochromatic scheme: Brown (#653700), Umber (#B26400), Splendour Gold (#FFB14E), Whipped Apricot (#FFD299).

What is the hex code of Dark Orange (CSS)?

#FF8C00.