#87BDAD
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.
#87BDAD
Color Values
#87BDAD
135, 189, 173
162.2, 29.0%, 63.5%
162.2, 28.6%, 74.1%
28.6%, 0.0%, 8.5%, 25.9%
0.7561 0.0611 174.3
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: #87BDAD;
color: #87BDAD;
border-color: #87BDAD;
Emerald 200
#A7F3D0
Tailwind Shades
Contrast Checker
Text on white
2.12:1
Text on black
9.91:1
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #87BDAD?
RGB(135, 189, 173) · HSL(162.2, 29.0%, 63.5%) · CMYK(28.6%, 0.0%, 8.5%, 25.9%)
Does #87BDAD meet WCAG contrast on white?
2.12:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #87BDAD?
Use 000000 text on a #87BDAD background; contrast on black is 9.91:1.