Dark Yellow

#BA8E23

What color is Dark Yellow?

Dark yellow is a warm, muted tone that leans toward amber or old gold, hex #BA8E23, with a slightly earthy quality that keeps it from looking bright. It shares the depth of raw beeswax, holding warmth without strong orange or green pull.

What is the meaning of the color Dark Yellow?

Ancient dyers across the Mediterranean extracted yellow pigments from weld and pomegranate rind, producing tones close to this shade as early as the first millennium BCE. By the medieval period, deep yellows were associated with saffron-dyed cloth traded along routes from Persia to Western Europe, making the color a mark of cost and craft. The color entered formal documentation through the pigment yellow ochre, recorded in European artists’ supply records by the 15th century. The paint manufacturer Winsor and Newton has listed yellow ochre in its professional oil paint range since its founding in 1832, anchoring this shade to fine arts tradition.

RGB
186, 142, 35
HSL
43°, 68%, 43%
CMYK
0, 24, 81, 27
HSV
43°, 81%, 73%
Dark yellow color

What colors go with Dark Yellow?

Colors that pair well with Dark yellow include:
Deep navy: strong, grounding contrast
Burnt sienna: warm tonal harmony
Forest green: earthy, natural balance
Charcoal gray: muted, sophisticated depth
Cream: soft, lightening warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #BA8E23 color: #BA8E23;
RGB 186, 142, 35 color: rgb(186, 142, 35);
RGB Percentage 73%, 56%, 14% color: rgb(73%, 56%, 14%);
CMYK 0%, 24%, 81%, 27% Not supported in CSS
HSL 43°, 68%, 43% color: hsl(43, 68%, 43%);
HSV 43°, 81%, 73% Not supported in CSS
CIE-LAB 34, 9, 36 color: lab(34% 9 36);
Decimal 12226083 Not supported in CSS

Color Variations

Shades

#B88E23
#A68020
#93721C
#816319
#6F5515
#5C4712
#4A390E
#372B0B

Tints

#F1E0B6
#ECD69D
#E8CC85
#E3C16C
#DEB754
#DAAD3C
#D1A128
#B88E23

Tones

#B88E23
#B18B2B
#A98732
#A28439
#9A8141
#937E48
#8B7B50
#847757

Hues

#B88E23
#73B823
#23B843
#23B8B3
#234DB8
#6923B8
#B82398
#B82328

Color Harmonies

Analogous

#B84323
Click to copy
99%
#BA8E23
Click to copy
#98B823
Click to copy

Complementary

#BA8E23
Click to copy
#234DB8
Click to copy

Split Complementary

#BA8E23
Click to copy
#2398B8
Click to copy
94%
#4323B8
Click to copy

Triadic

#BA8E23
Click to copy
#23B88E
Click to copy
#8E23B8
Click to copy

Tetradic

#BA8E23
Click to copy
#23B843
Click to copy
#234DB8
Click to copy
#B82398
Click to copy

Square

#BA8E23
Click to copy
#23B843
Click to copy
#234DB8
Click to copy
#B82398
Click to copy

CSS & Dev Snippets

CSS
.dark-yellow {
  color: #BA8E23;
}
SCSS
$dark-yellow: #BA8E23;
RGB
rgb(186, 142, 35)

Accessibility & Contrast

White background

3.01:1
3.01
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.98:1
6.98
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags