#AFA816
A dark, vivid yellow closely aligning with Olive.
About #AFA816
At its core, #AFA816 is a dark and vivid hue. If you're using CSS, you might find it aligns closely with Olive. This translates to an RGB value of rgb(175, 168, 22).
For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 4% magenta, 87% yellow, and 31% black. Always request a physical proof before doing a large print run with this exact code.
Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#AFA816
RGB175, 168, 22
HSL57.3°, 77.7%, 38.6%
CMYK0%, 4%, 87%, 31%
HSV57.3°, 87.4%, 68.6%
LAB67.4, -12.3, 66.6
XYZ31.8, 37.2, 6.3
Decimal11511830
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.49:1
Text on #FFFFFF
FAIL
8.44:1
Text on #000000
AAA
2.38:1
Text on #F8FAFC
FAIL
7.17:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #AFA816;
}
.text-color {
color: #AFA816;
}
.border-color {
border: 2px solid #AFA816;
}