#ABAEB3
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.
#ABAEB3
Color Values
#ABAEB3
171, 174, 179
217.5, 5.0%, 68.6%
217.5, 4.5%, 70.2%
4.5%, 2.8%, 0.0%, 29.8%
0.7499 0.0079 260.7
Properties
Color Psychology
Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.
Design Usage
Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #ABAEB3;
color: #ABAEB3;
border-color: #ABAEB3;
Neutral 400
#A3A3A3
Tailwind Shades
Contrast Checker
Text on white
2.23:1
Text on black
9.44:1
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #ABAEB3?
RGB(171, 174, 179) · HSL(217.5, 5.0%, 68.6%) · CMYK(4.5%, 2.8%, 0.0%, 29.8%)
Does #ABAEB3 meet WCAG contrast on white?
2.23:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #ABAEB3?
Use 000000 text on a #ABAEB3 background; contrast on black is 9.44:1.