#545A53
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.
#545A53
색상 값
#545A53
84, 90, 83
111.4, 4.0%, 33.9%
111.4, 7.8%, 35.3%
6.7%, 0.0%, 7.8%, 64.7%
0.46 0.0135 141.2
속성
색채 심리학
Medium gray represents balance, neutrality, and diplomatic composure. It is the color of concrete, steel, and overcast skies, suggesting urban modernity and industrial strength. Gray communicates professionalism and impartiality in equal measure.
Design Usage
Medium gray is essential for body text, icons, and secondary labels in user interfaces. It provides the typographic backbone of design systems, separating primary from secondary information. Ensure proper contrast ratios since many popular mid-gray values fall below WCAG AA for text on white backgrounds.
색상 조화
색각 이상 시뮬레이션
CSS 사용법
background-color: #545A53;
color: #545A53;
border-color: #545A53;
Stone 600
#57534E
Tailwind 쉐이드
대비 검사기
흰색 배경 텍스트
7.08:1
검정 배경 텍스트
2.96:1
비교하기
관련 글
자주 묻는 질문
What are the RGB, HSL, and CMYK values of #545A53?
RGB(84, 90, 83) · HSL(111.4, 4.0%, 33.9%) · CMYK(6.7%, 0.0%, 7.8%, 64.7%)
Does #545A53 meet WCAG contrast on white?
7.08:1 — WCAG AA 통과, AAA 통과 for normal text.
What text color is readable on #545A53?
Use FFFFFF text on a #545A53 background; contrast on black is 2.96:1.