颜色转换
颜色转换 for #899EC4 颜色
用于比较屏幕、涂料、调色板和数字素材的完整数值资料。
颜色空间
| RGB | 137 | 158 | 196 | |
|---|---|---|---|---|
| HSL | 218.64° | 33.33% | 65.29% | |
| HSV | 218.64° | 30.1% | 76.86% | |
| CMYK | 30.1% | 19.39% | 0% | 23.14% |
| XYZ | 32.5043 | 33.7564 | 57.0169 | |
| Yxy | 33.7564 | 0.2637 | 0.2738 | |
| Hunter Lab | 58.1003 | -1.8141 | -17.4915 | |
| CIE-Lab | 64.7688 | 1.512 | -21.9483 | |
| CIE-LCH | 64.7688 | 22.0003 | 273.9408 | |
| CIE-LUV | 64.7688 | -12.3701 | -33.9985 |
进制数值
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10001001 | 10011110 | 11000100 |
| Octal | 211 | 236 | 304 |
| Decimal | 137 | 158 | 196 |
| Hex | 89 | 9E | C4 |
RGB 比例
CMYK 比例
暗色阶 #899EC4
浅色阶 #899EC4
和谐
配色方案
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#899EC4 颜色 黑色背景
#899EC4 颜色 示例文字
#899EC4 颜色 白色背景
#899EC4 颜色 示例文字
#899EC4 CSS 代码
.background { background-color: #899EC4; }
.text { color: #899EC4; }
.border { border: 3px solid #899EC4; }
.shadow { box-shadow: 0 8px 28px rgba(137, 158, 196, 0.35); }
CSS 预览
可访问性
白底对比2.71:1较弱
黑底对比7.75:1AAA
网页安全色#9999CCNear
亮度0.33760-1
语言
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#899EC4 color
PortuguêsCor #899EC4
EspañolColor #899EC4
한국어#899EC4 색상
日本語#899EC4 の色
中文#899EC4 颜色
DeutschFarbe #899EC4
FrançaisCouleur #899EC4
组合
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #899EC4 颜色.
相近颜色
See 蓝色系