颜色转换
颜色转换 for #505BBD 颜色
用于比较屏幕、涂料、调色板和数字素材的完整数值资料。
颜色空间
| RGB | 80 | 91 | 189 | |
|---|---|---|---|---|
| HSL | 233.94° | 45.23% | 52.75% | |
| HSV | 233.94° | 57.67% | 74.12% | |
| CMYK | 57.67% | 51.85% | 0% | 25.88% |
| XYZ | 16.2317 | 12.8606 | 49.7612 | |
| Yxy | 12.8606 | 0.2058 | 0.1631 | |
| Hunter Lab | 35.8617 | 18.034 | -57.1346 | |
| CIE-Lab | 42.5524 | 25.0222 | -53.1017 | |
| CIE-LCH | 42.5524 | 58.7018 | 295.2304 | |
| CIE-LUV | 42.5524 | -9.2352 | -80.437 |
进制数值
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010000 | 01011011 | 10111101 |
| Octal | 120 | 133 | 275 |
| Decimal | 80 | 91 | 189 |
| Hex | 50 | 5B | BD |
RGB 比例
CMYK 比例
暗色阶 #505BBD
浅色阶 #505BBD
和谐
配色方案
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#505BBD 颜色 黑色背景
#505BBD 颜色 示例文字
#505BBD 颜色 白色背景
#505BBD 颜色 示例文字
#505BBD CSS 代码
.background { background-color: #505BBD; }
.text { color: #505BBD; }
.border { border: 3px solid #505BBD; }
.shadow { box-shadow: 0 8px 28px rgba(80, 91, 189, 0.35); }
CSS 预览
可访问性
白底对比5.88:1AA
黑底对比3.57:1大号文字
网页安全色#6666CCNear
亮度0.12860-1
语言
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#505BBD color
PortuguêsCor #505BBD
EspañolColor #505BBD
한국어#505BBD 색상
日本語#505BBD の色
中文#505BBD 颜色
DeutschFarbe #505BBD
FrançaisCouleur #505BBD
组合
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #505BBD 颜色.
相近颜色
See 蓝色系