#54563F
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.
#54563F
Color Values
#54563F
84, 86, 63
65.2, 15.4%, 29.2%
65.2, 26.7%, 33.7%
2.3%, 0.0%, 26.7%, 66.3%
0.4446 0.0359 111.9
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: #54563F;
color: #54563F;
border-color: #54563F;
Stone 600
#57534E
Tailwind Shades
Contrast Checker
Text on white
7.55:1
Text on black
2.78:1
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #54563F?
RGB(84, 86, 63) · HSL(65.2, 15.4%, 29.2%) · CMYK(2.3%, 0.0%, 26.7%, 66.3%)
Does #54563F meet WCAG contrast on white?
7.55:1 — WCAG AA Pass, AAA Pass for normal text.
What text color is readable on #54563F?
Use FFFFFF text on a #54563F background; contrast on black is 2.78:1.