#684686
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.
#684686
Overview
#684686 is a cool, dark color. In RGB it is 104, 70, 134, in HSL 271.9°, 31.4%, 40.0%, and in CMYK 22.4%, 47.8%, 0.0%, 47.5%. The nearest named color is mediumpurple 4.
On this page
ค่าสี
#684686
104, 70, 134
271.9, 31.4%, 40.0%
271.9, 47.8%, 52.5%
22.4%, 47.8%, 0.0%, 47.5%
0.4603 0.1067 307.2
คุณสมบัติ
จิตวิทยาสี
True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.
Design Usage
Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.
ความกลมกลืนของสี
การจำลองตาบอดสี
การใช้งาน CSS
background-color: #684686;
color: #684686;
border-color: #684686;
Indigo 900
#312E81
เฉดสี Tailwind
ตรวจสอบความเปรียบต่าง
ข้อความบนพื้นขาว
7.48:1
ข้อความบนพื้นดำ
2.81:1
เปรียบเทียบกับ
บทความที่เกี่ยวข้อง
คำถามที่พบบ่อย
What are the RGB, HSL, and CMYK values of #684686?
RGB(104, 70, 134) · HSL(271.9, 31.4%, 40.0%) · CMYK(22.4%, 47.8%, 0.0%, 47.5%)
Does #684686 meet WCAG contrast on white?
7.48:1 — WCAG AA ผ่าน, AAA ผ่าน for normal text.
What text color is readable on #684686?
Use FFFFFF text on a #684686 background; contrast on black is 2.81:1.