颜色转换
颜色转换 for #72AEB3 颜色
用于比较屏幕、涂料、调色板和数字素材的完整数值资料。
颜色空间
| RGB | 114 | 174 | 179 | |
|---|---|---|---|---|
| HSL | 184.62° | 29.95% | 57.45% | |
| HSV | 184.62° | 36.31% | 70.2% | |
| CMYK | 36.31% | 2.79% | 0% | 29.8% |
| XYZ | 30.2093 | 37.1023 | 48.2087 | |
| Yxy | 37.1023 | 0.2615 | 0.3212 | |
| Hunter Lab | 60.9117 | -18.0686 | -4.2687 | |
| CIE-Lab | 67.3537 | -18.0609 | -8.7219 | |
| CIE-LCH | 67.3537 | 20.0566 | 205.7766 | |
| CIE-LUV | 67.3537 | -28.5615 | -10.3036 |
进制数值
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01110010 | 10101110 | 10110011 |
| Octal | 162 | 256 | 263 |
| Decimal | 114 | 174 | 179 |
| Hex | 72 | AE | B3 |
RGB 比例
CMYK 比例
暗色阶 #72AEB3
浅色阶 #72AEB3
和谐
配色方案
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#72AEB3 颜色 黑色背景
#72AEB3 颜色 示例文字
#72AEB3 颜色 白色背景
#72AEB3 颜色 示例文字
#72AEB3 CSS 代码
.background { background-color: #72AEB3; }
.text { color: #72AEB3; }
.border { border: 3px solid #72AEB3; }
.shadow { box-shadow: 0 8px 28px rgba(114, 174, 179, 0.35); }CSS 预览
可访问性
白底对比2.49:1较弱
黑底对比8.42:1AAA
网页安全色#6699CCNear
亮度0.3710-1
语言
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#72AEB3 color
PortuguêsCor #72AEB3
EspañolColor #72AEB3
한국어#72AEB3 색상
日本語#72AEB3 の色
中文#72AEB3 颜色
DeutschFarbe #72AEB3
FrançaisCouleur #72AEB3
组合
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #72AEB3 颜色.
相近颜色
See 青色系