#166784 | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感，并作为您的色彩工作的资源。
使这个网站更好
About #166784
| HEX | #166784 |
|---|---|
| NAME | - |
| TONE | 明亮的蓝色 |
| RGB | 22 103 132 |
| HSV | 195° 83% 51% |
| CMYK | 83% 21% 0% 48% |
#166784显示色调和颜色信息。#166784正在明亮的蓝色。#166784该组件是RGB(22 103 132)。这成为互补色的颜色是#843216。蓝色是令人联想到放心和信任的颜色。 这是平静的感觉的颜色，作为一种友好的颜色是流行的。 蓝也是消除食欲的颜色，所以要小心。
Color schemes with #166784
安静的配色方案
#166784 | colorate
这已配置了同色的配色方案。这种配色方案，安静，给人沉稳的一个安静的印象。
|
base #468EA8 |
RGB 70 142 168 | #468EA8 |
|
main #166784 |
RGB 22 103 132 | #166784 |
|
accent #89BBCD |
RGB 137 187 205 | #89BBCD |
温和的配色方案
#166784 | colorate
已在附近颜色已建成这样的配色方案。配色方案是软的，给人一种自然的印象，有机。
|
base #40A5A4 |
RGB 64 165 164 | #40A5A4 |
|
main #166784 |
RGB 22 103 132 | #166784 |
|
accent #7AC6B1 |
RGB 122 198 177 | #7AC6B1 |
强烈的配色方案
#166784 | colorate
配色方案是使用补色来强调。这种配色方案是强烈，给人一种华而不实的印象行为一个。
|
base #5297B0 |
RGB 82 151 176 | #5297B0 |
|
main #166784 |
RGB 22 103 132 | #166784 |
|
accent #843216 |
RGB 132 50 22 | #843216 |
多彩的配色方案
#166784 | colorate
是颜色方案，它是由一个侧由端颜色作为补色的。有一种运动，多彩提供了一个很好的印象。
|
base #5EA0B7 |
RGB 94 160 183 | #5EA0B7 |
|
main #166784 |
RGB 22 103 132 | #166784 |
|
accent #84163A |
RGB 132 22 58 | #84163A |
|
accent #847516 |
RGB 132 117 22 | #847516 |
Color schemes example
Fine adjustment from #166784
补色
CSS代码
<style type="text/css">
div {
color : #166784;
background-color : #166784;
}
</style>
Gradient based on #166784
通过使用渐变，即使在平面设计中也可以创建空间深度。 光泽和阴影是光线的影响。 要创建美丽的渐变色，请仔细观察自然。
光泽度和阴影度的渐变
更自然的表达(天空和饮料）
对比度
在文本和背景上使用白色或黑色时，请检查对比度。WCAG 2.0的评估标准（A=不足，AA=最小可接受，AAA=最高合规性）
白色和#166784 (6.35 : 1)
14pt
AA 18pt
AAA 14pt
AA 18pt
AAA
AA 18pt
AAA 14pt
AA 18pt
AAA
黑色和#166784 (3.31 : 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.