颜色转换
颜色转换 for #20557B 颜色
用于比较屏幕、涂料、调色板和数字素材的完整数值资料。
颜色空间
| RGB | 32 | 85 | 123 | |
|---|---|---|---|---|
| HSL | 205.05° | 58.71% | 30.39% | |
| HSV | 205.05° | 73.98% | 48.24% | |
| CMYK | 73.98% | 30.89% | 0% | 51.76% |
| XYZ | 7.4179 | 8.2333 | 19.9333 | |
| Yxy | 8.2333 | 0.2085 | 0.2314 | |
| Hunter Lab | 28.6937 | -4.0686 | -21.0865 | |
| CIE-Lab | 34.4641 | -3.8441 | -26.5558 | |
| CIE-LCH | 34.4641 | 26.8326 | 261.7633 | |
| CIE-LUV | 34.4641 | -18.9343 | -35.7552 |
进制数值
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100000 | 01010101 | 01111011 |
| Octal | 40 | 125 | 173 |
| Decimal | 32 | 85 | 123 |
| Hex | 20 | 55 | 7B |
RGB 比例
CMYK 比例
暗色阶 #20557B
浅色阶 #20557B
和谐
配色方案
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#20557B 颜色 黑色背景
#20557B 颜色 示例文字
#20557B 颜色 白色背景
#20557B 颜色 示例文字
#20557B CSS 代码
.background { background-color: #20557B; }
.text { color: #20557B; }
.border { border: 3px solid #20557B; }
.shadow { box-shadow: 0 8px 28px rgba(32, 85, 123, 0.35); }CSS 预览
可访问性
白底对比7.94:1AAA
黑底对比2.65:1较弱
网页安全色#336666Near
亮度0.08230-1
语言
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#20557B color
PortuguêsCor #20557B
EspañolColor #20557B
한국어#20557B 색상
日本語#20557B の色
中文#20557B 颜色
DeutschFarbe #20557B
FrançaisCouleur #20557B
组合
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #20557B 颜色.
相近颜色
See 蓝色系
Similar colors
Lapis lazuli
Lapis lazuli
Celestial 蓝色
Celestial blue
蓝色 sapphire
Blue sapphire
Charcoal
Charcoal
深 cerulean
Dark cerulean
Medium persian 蓝色
Medium Persian blue
Sapphire 蓝色
Sapphire blue
Carolina 蓝色
Carolina blue
Medium electric 蓝色
Medium electric blue
Yale 蓝色
Yale Blue
青色 cobalt 蓝色
Cyan cobalt blue
绿色-蓝色
Green-blue