#756D16
A dark, moderate yellow closely aligning with Olive.
About #756D16
Visually, #756D16 is defined as a moderate yellow. Designers often compare it to the standard color Olive. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 109, and 22.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 7% Magenta, 81% Yellow, and 54% Black. The HSL representation is 54.9° hue, 68.3% saturation, and 27.3% lightness.
Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#756D16
RGB117, 109, 22
HSL54.9°, 68.3%, 27.3%
CMYK0%, 7%, 81%, 54%
HSV54.9°, 81.2%, 45.9%
LAB45.3, -7.1, 45.8
XYZ12.9, 14.8, 2.9
Decimal7695638
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.31:1
Text on #FFFFFF
AA
3.96:1
Text on #000000
AA Large
5.07:1
Text on #F8FAFC
AA
3.36:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #756D16;
}
.text-color {
color: #756D16;
}
.border-color {
border: 2px solid #756D16;
}