#684D59
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/684D59/" 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/color/684D59/
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/684D59/)
Use the native HTML custom element.
#684D59
Overview
#684D59 is a warm, dark color. In RGB it is 104, 77, 89, in HSL 333.3°, 14.9%, 35.5%, and in CMYK 0.0%, 26.0%, 14.4%, 59.2%. The nearest named color is Eggplant.
On this page
ค่าสี
#684D59
104, 77, 89
333.3, 14.9%, 35.5%
333.3, 26.0%, 40.8%
0.0%, 26.0%, 14.4%, 59.2%
0.4529 0.0405 350.4
คุณสมบัติ
จิตวิทยาสี
Vivid pinks project confidence, playfulness, and bold self-expression. They challenge traditional associations, carrying both the warmth of red and the creativity of violet. Hot pink in particular signals rebellion against conventions and unapologetic individuality.
Design Usage
Medium pink is effective for fashion brands, social media platforms, and marketing campaigns targeting Gen Z audiences. It makes impactful gradient elements when blended with purple or orange. Use it for accent buttons and promotional banners where energy and excitement should override corporate formality.
ความกลมกลืนของสี
การจำลองตาบอดสี
การใช้งาน CSS
background-color: #684D59;
color: #684D59;
border-color: #684D59;
Zinc 600
#52525B
เฉดสี Tailwind
ตรวจสอบความเปรียบต่าง
ข้อความบนพื้นขาว
7.51:1
ข้อความบนพื้นดำ
2.79:1
เปรียบเทียบกับ
บทความที่เกี่ยวข้อง
คำถามที่พบบ่อย
What are the RGB, HSL, and CMYK values of #684D59?
RGB(104, 77, 89) · HSL(333.3, 14.9%, 35.5%) · CMYK(0.0%, 26.0%, 14.4%, 59.2%)
Does #684D59 meet WCAG contrast on white?
7.51:1 — WCAG AA ผ่าน, AAA ผ่าน for normal text.
What text color is readable on #684D59?
Use FFFFFF text on a #684D59 background; contrast on black is 2.79:1.