#3F506B | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感，并作为您的色彩工作的资源。
使这个网站更好
About #3F506B
| HEX | #3F506B |
|---|---|
| NAME | - |
| TONE | 灰的蓝色 |
| RGB | 63 80 107 |
| HSV | 216° 41% 41% |
| CMYK | 41% 25% 0% 58% |
#3F506B显示色调和颜色信息。#3F506B正在灰的蓝色。#3F506B该组件是RGB(63 80 107)。这成为互补色的颜色是#6B5A3F。蓝色是令人联想到放心和信任的颜色。 这是平静的感觉的颜色，作为一种友好的颜色是流行的。 蓝也是消除食欲的颜色，所以要小心。
Color schemes with #3F506B
安静的配色方案
#3F506B | colorate
这已配置了同色的配色方案。这种配色方案，安静，给人沉稳的一个安静的印象。
|
base #8292AA |
RGB 130 146 170 | #8292AA |
|
main #3F506B |
RGB 63 80 107 | #3F506B |
|
accent #111B2B |
RGB 17 27 43 | #111B2B |
温和的配色方案
#3F506B | colorate
已在附近颜色已建成这样的配色方案。配色方案是软的，给人一种自然的印象，有机。
|
base #7A96A4 |
RGB 122 150 164 | #7A96A4 |
|
main #3F506B |
RGB 63 80 107 | #3F506B |
|
accent #151831 |
RGB 21 24 49 | #151831 |
强烈的配色方案
#3F506B | colorate
配色方案是使用补色来强调。这种配色方案是强烈，给人一种华而不实的印象行为一个。
|
base #93A1B7 |
RGB 147 161 183 | #93A1B7 |
|
main #3F506B |
RGB 63 80 107 | #3F506B |
|
accent #6B5A3F |
RGB 107 90 63 | #6B5A3F |
多彩的配色方案
#3F506B | colorate
是颜色方案，它是由一个侧由端颜色作为补色的。有一种运动，多彩提供了一个很好的印象。
|
base #A4B0C4 |
RGB 164 176 196 | #A4B0C4 |
|
main #3F506B |
RGB 63 80 107 | #3F506B |
|
accent #6B3F3F |
RGB 107 63 63 | #6B3F3F |
|
accent #616B3F |
RGB 97 107 63 | #616B3F |
Color schemes example
CSS代码
<style type="text/css">
div {
color : #3F506B;
background-color : #3F506B;
}
</style>
Gradient based on #3F506B
通过使用渐变，即使在平面设计中也可以创建空间深度。 光泽和阴影是光线的影响。 要创建美丽的渐变色，请仔细观察自然。
光泽度和阴影度的渐变
更自然的表达(天空和饮料）
对比度
在文本和背景上使用白色或黑色时，请检查对比度。WCAG 2.0的评估标准（A=不足，AA=最小可接受，AAA=最高合规性）
白色和#3F506B (8.17 : 1)
14pt
AAA 18pt
AAA 14pt
AAA 18pt
AAA
AAA 18pt
AAA 14pt
AAA 18pt
AAA
黑色和#3F506B (2.57 : 1)
14pt
A 18pt
A 14pt
A 18pt
A
A 18pt
A 14pt
A 18pt
A
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.