#563653
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.
#563653
Color Values
#563653
86, 54, 83
305.6, 22.9%, 27.5%
305.6, 37.2%, 33.7%
0.0%, 37.2%, 3.5%, 66.3%
0.382 0.0636 330.1
Properties
Color Psychology
Dark magentas convey intensity, sensuality, and sophisticated allure. They combine the depth of purple with the energy of red, creating a rich emotional impact. These hues feel dramatic and confident, suggesting artistic mastery and creative depth.
Design Usage
Dark magentas add drama and sophistication to event branding and entertainment platforms. They work well in gradient transitions from dark to vibrant for immersive hero sections. Pair with dark backgrounds and bright accents for theatrical, high-contrast compositions.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #563653;
color: #563653;
border-color: #563653;
Gray 700
#374151
Tailwind Shades
Contrast Checker
Text on white
10.25:1
Text on black
2.05:1
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #563653?
RGB(86, 54, 83) · HSL(305.6, 22.9%, 27.5%) · CMYK(0.0%, 37.2%, 3.5%, 66.3%)
Does #563653 meet WCAG contrast on white?
10.25:1 — WCAG AA Pass, AAA Pass for normal text.
What text color is readable on #563653?
Use FFFFFF text on a #563653 background; contrast on black is 2.05:1.