#A89900
A dark, vivid yellow closely aligning with Olive.
About #A89900
At its core, #A89900 is a dark and vivid hue. It is closely associated with the named CSS color Olive. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 153, and 0.
Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 9% Magenta, 100% Yellow, and 34% Black. With a hue angle of 54.6 degrees, it sits comfortably in the yellow spectrum.
Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#A89900
RGB168, 153, 0
HSL54.6°, 100.0%, 32.9%
CMYK0%, 9%, 100%, 34%
HSV54.6°, 100.0%, 65.9%
LAB62.6, -7.9, 66.1
XYZ27.5, 31.1, 4.6
Decimal11049216
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.91:1
Text on #FFFFFF
FAIL
7.22:1
Text on #000000
AAA
2.78:1
Text on #F8FAFC
FAIL
6.14:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #A89900;
}
.text-color {
color: #A89900;
}
.border-color {
border: 2px solid #A89900;
}