#56AF74
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.
#56AF74
Color Values
#56AF74
86, 175, 116
140.2, 35.7%, 51.2%
140.2, 50.9%, 68.6%
50.9%, 0.0%, 33.7%, 31.4%
0.6833 0.1229 152.8
Properties
Color Psychology
True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.
Design Usage
Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #56AF74;
color: #56AF74;
border-color: #56AF74;
Emerald 500
#10B981
Tailwind Shades
Contrast Checker
Text on white
2.7:1
Text on black
7.78:1
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #56AF74?
RGB(86, 175, 116) · HSL(140.2, 35.7%, 51.2%) · CMYK(50.9%, 0.0%, 33.7%, 31.4%)
Does #56AF74 meet WCAG contrast on white?
2.7:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #56AF74?
Use 000000 text on a #56AF74 background; contrast on black is 7.78:1.