#54626D | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感，并作为您的色彩工作的资源。
使这个网站更好
About #54626D
| HEX | #54626D |
|---|---|
| NAME | - |
| TONE | 灰的蓝色 |
| RGB | 84 98 109 |
| HSV | 206° 22% 42% |
| CMYK | 22% 10% 0% 57% |
#54626D显示色调和颜色信息。#54626D正在灰的蓝色。#54626D该组件是RGB(84 98 109)。这成为互补色的颜色是#6D5F54。蓝色是令人联想到放心和信任的颜色。 这是平静的感觉的颜色，作为一种友好的颜色是流行的。 蓝也是消除食欲的颜色，所以要小心。
Color schemes with #54626D
安静的配色方案
#54626D | colorate
这已配置了同色的配色方案。这种配色方案，安静，给人沉稳的一个安静的印象。
|
base #96A2AC |
RGB 150 162 172 | #96A2AC |
|
main #54626D |
RGB 84 98 109 | #54626D |
|
accent #1E262D |
RGB 30 38 45 | #1E262D |
温和的配色方案
#54626D | colorate
已在附近颜色已建成这样的配色方案。配色方案是软的，给人一种自然的印象，有机。
|
base #8FA2A6 |
RGB 143 162 166 | #8FA2A6 |
|
main #54626D |
RGB 84 98 109 | #54626D |
|
accent #232733 |
RGB 35 39 51 | #232733 |
强烈的配色方案
#54626D | colorate
配色方案是使用补色来强调。这种配色方案是强烈，给人一种华而不实的印象行为一个。
|
base #A5B0B9 |
RGB 165 176 185 | #A5B0B9 |
|
main #54626D |
RGB 84 98 109 | #54626D |
|
accent #6D5E54 |
RGB 109 94 84 | #6D5E54 |
多彩的配色方案
#54626D | colorate
是颜色方案，它是由一个侧由端颜色作为补色的。有一种运动，多彩提供了一个很好的印象。
|
base #B4BEC6 |
RGB 180 190 198 | #B4BEC6 |
|
main #54626D |
RGB 84 98 109 | #54626D |
|
accent #6D5458 |
RGB 109 84 88 | #6D5458 |
|
accent #6C6D54 |
RGB 108 109 84 | #6C6D54 |
Color schemes example
Fine adjustment from #54626D
补色
CSS代码
<style type="text/css">
div {
color : #54626D;
background-color : #54626D;
}
</style>
Gradient based on #54626D
通过使用渐变，即使在平面设计中也可以创建空间深度。 光泽和阴影是光线的影响。 要创建美丽的渐变色，请仔细观察自然。
光泽度和阴影度的渐变
更自然的表达(天空和饮料）
对比度
在文本和背景上使用白色或黑色时，请检查对比度。WCAG 2.0的评估标准（A=不足，AA=最小可接受，AAA=最高合规性）
白色和#54626D (6.28 : 1)
14pt
AA 18pt
AAA 14pt
AA 18pt
AAA
AA 18pt
AAA 14pt
AA 18pt
AAA
黑色和#54626D (3.34 : 1)
14pt
A 18pt
AA 14pt
A 18pt
AA
A 18pt
AA 14pt
A 18pt
AA
Utilities
Barcode
You can create barcodes online. The created barcode can be downloaded as PNG or EPS.
colorate
colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.
textate
Make text to image. It is useful when you want to send text on SNS.