颜色转换
颜色转换 for #6BB5BA 颜色
用于比较屏幕、涂料、调色板和数字素材的完整数值资料。
颜色空间
| RGB | 107 | 181 | 186 | |
|---|---|---|---|---|
| HSL | 183.8° | 36.41% | 57.45% | |
| HSV | 183.8° | 42.47% | 72.94% | |
| CMYK | 42.47% | 2.69% | 0% | 27.06% |
| XYZ | 31.4469 | 39.7164 | 52.4538 | |
| Yxy | 39.7164 | 0.2544 | 0.3213 | |
| Hunter Lab | 63.0209 | -21.2174 | -5.2145 | |
| CIE-Lab | 69.2671 | -21.7107 | -9.772 | |
| CIE-LCH | 69.2671 | 23.8085 | 204.2325 | |
| CIE-LUV | 69.2671 | -33.7765 | -11.4633 |
进制数值
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101011 | 10110101 | 10111010 |
| Octal | 153 | 265 | 272 |
| Decimal | 107 | 181 | 186 |
| Hex | 6B | B5 | BA |
RGB 比例
CMYK 比例
暗色阶 #6BB5BA
浅色阶 #6BB5BA
和谐
配色方案
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#6BB5BA 颜色 黑色背景
#6BB5BA 颜色 示例文字
#6BB5BA 颜色 白色背景
#6BB5BA 颜色 示例文字
#6BB5BA CSS 代码
.background { background-color: #6BB5BA; }
.text { color: #6BB5BA; }
.border { border: 3px solid #6BB5BA; }
.shadow { box-shadow: 0 8px 28px rgba(107, 181, 186, 0.35); }CSS 预览
可访问性
白底对比2.35:1较弱
黑底对比8.94:1AAA
网页安全色#66CCCCNear
亮度0.39720-1
语言
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#6BB5BA color
PortuguêsCor #6BB5BA
EspañolColor #6BB5BA
한국어#6BB5BA 색상
日本語#6BB5BA の色
中文#6BB5BA 颜色
DeutschFarbe #6BB5BA
FrançaisCouleur #6BB5BA
组合
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #6BB5BA 颜色.
相近颜色
See 青色系