#564D13
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)Use the native HTML custom element.
#564D13
Color Values
#564D13
86, 77, 19
51.9, 63.8%, 20.6%
51.9, 77.9%, 33.7%
0.0%, 10.5%, 77.9%, 66.3%
0.4173 0.0764 100.2
Properties
Color Psychology
Dark yellows and golds convey prestige, wisdom, and enduring value. Gold has represented wealth and achievement throughout human history, from pharaonic tombs to Olympic medals. These warm, deep tones suggest quality without the flashiness of brighter yellows.
Design Usage
Dark gold and amber tones suit financial services, premium memberships, and achievement badges. They work as accent text or icon colors against dark backgrounds for a luxurious feel. Pair them with charcoal, deep navy, or rich brown to create sophisticated, high-end interfaces.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #564D13;
color: #564D13;
border-color: #564D13;
Lime 900
#365314
Tailwind Shades
Contrast Checker
Text on white
8.51:1
Text on black
2.47:1
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #564D13?
RGB(86, 77, 19) · HSL(51.9, 63.8%, 20.6%) · CMYK(0.0%, 10.5%, 77.9%, 66.3%)
Does #564D13 meet WCAG contrast on white?
8.51:1 — WCAG AA Pass, AAA Pass for normal text.
What text color is readable on #564D13?
Use FFFFFF text on a #564D13 background; contrast on black is 2.47:1.