#54BEA2 | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感，并作为您的色彩工作的资源。
使这个网站更好
About #54BEA2
| HEX | #54BEA2 |
|---|---|
| NAME | - |
| TONE | 明亮的青色 |
| RGB | 84 190 162 |
| HSV | 164° 55% 74% |
| CMYK | 55% 0% 14% 25% |
#54BEA2显示色调和颜色信息。#54BEA2正在明亮的青色。#54BEA2该组件是RGB(84 190 162)。这成为互补色的颜色是#BE5470。青色是与自由和孤独相关的颜色。 青色是令人联想到水的颜色，是透明和冷静的颜色。 对于设计来说，最好是兼容蓝色，绿色和灰色。
Color schemes with #54BEA2
安静的配色方案
#54BEA2 | colorate
这已配置了同色的配色方案。这种配色方案，安静，给人沉稳的一个安静的印象。
|
base #97DBC9 |
RGB 151 219 201 | #97DBC9 |
|
main #54BEA2 |
RGB 84 190 162 | #54BEA2 |
|
accent #1EA07E |
RGB 30 160 126 | #1EA07E |
温和的配色方案
#54BEA2 | colorate
已在附近颜色已建成这样的配色方案。配色方案是软的，给人一种自然的印象，有机。
|
base #90D8B1 |
RGB 144 216 177 | #90D8B1 |
|
main #54BEA2 |
RGB 84 190 162 | #54BEA2 |
|
accent #23A3A3 |
RGB 35 163 163 | #23A3A3 |
强烈的配色方案
#54BEA2 | colorate
配色方案是使用补色来强调。这种配色方案是强烈，给人一种华而不实的印象行为一个。
|
base #A6E0D1 |
RGB 166 224 209 | #A6E0D1 |
|
main #54BEA2 |
RGB 84 190 162 | #54BEA2 |
|
accent #BE5470 |
RGB 190 84 112 | #BE5470 |
多彩的配色方案
#54BEA2 | colorate
是颜色方案，它是由一个侧由端颜色作为补色的。有一种运动，多彩提供了一个很好的印象。
|
base #B6E6DA |
RGB 182 230 218 | #B6E6DA |
|
main #54BEA2 |
RGB 84 190 162 | #54BEA2 |
|
accent #BE54AF |
RGB 190 84 175 | #BE54AF |
|
accent #BE7754 |
RGB 190 119 84 | #BE7754 |
Color schemes example
CSS代码
<style type="text/css">
div {
color : #54BEA2;
background-color : #54BEA2;
}
</style>
Gradient based on #54BEA2
通过使用渐变，即使在平面设计中也可以创建空间深度。 光泽和阴影是光线的影响。 要创建美丽的渐变色，请仔细观察自然。
光泽度和阴影度的渐变
更自然的表达(天空和饮料）
对比度
在文本和背景上使用白色或黑色时，请检查对比度。WCAG 2.0的评估标准（A=不足，AA=最小可接受，AAA=最高合规性）
白色和#54BEA2 (2.27 : 1)
14pt
A 18pt
A 14pt
A 18pt
A
A 18pt
A 14pt
A 18pt
A
黑色和#54BEA2 (9.26 : 1)
14pt
AAA 18pt
AAA 14pt
AAA 18pt
AAA
AAA 18pt
AAA 14pt
AAA 18pt
AAA
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.