颜色转换
颜色转换 for #2C6A97 颜色
用于比较屏幕、涂料、调色板和数字素材的完整数值资料。
颜色空间
| RGB | 44 | 106 | 151 | |
|---|---|---|---|---|
| HSL | 205.23° | 54.87% | 38.24% | |
| HSV | 205.23° | 70.86% | 59.22% | |
| CMYK | 70.86% | 29.8% | 0% | 40.78% |
| XYZ | 11.7765 | 13.0766 | 31.1756 | |
| Yxy | 13.0766 | 0.2102 | 0.2334 | |
| Hunter Lab | 36.1616 | -5.1523 | -25.7819 | |
| CIE-Lab | 42.8784 | -4.5206 | -30.3055 | |
| CIE-LCH | 42.8784 | 30.6408 | 261.5159 | |
| CIE-LUV | 42.8784 | -23.1754 | -43.4387 |
进制数值
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00101100 | 01101010 | 10010111 |
| Octal | 54 | 152 | 227 |
| Decimal | 44 | 106 | 151 |
| Hex | 2C | 6A | 97 |
RGB 比例
CMYK 比例
暗色阶 #2C6A97
浅色阶 #2C6A97
和谐
配色方案
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#2C6A97 颜色 黑色背景
#2C6A97 颜色 示例文字
#2C6A97 颜色 白色背景
#2C6A97 颜色 示例文字
#2C6A97 CSS 代码
.background { background-color: #2C6A97; }
.text { color: #2C6A97; }
.border { border: 3px solid #2C6A97; }
.shadow { box-shadow: 0 8px 28px rgba(44, 106, 151, 0.35); }
CSS 预览
可访问性
白底对比5.81:1AA
黑底对比3.62:1大号文字
网页安全色#336699Near
亮度0.13080-1
语言
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#2C6A97 color
PortuguêsCor #2C6A97
EspañolColor #2C6A97
한국어#2C6A97 색상
日本語#2C6A97 の色
中文#2C6A97 颜色
DeutschFarbe #2C6A97
FrançaisCouleur #2C6A97
组合
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #2C6A97 颜色.
相近颜色
See 蓝色系
Similar colors
Lapis lazuli
Lapis lazuli
Celestial 蓝色
Celestial blue
Steel 蓝色
Steel blue
B'dazzled 蓝色
B'dazzled blue
Carolina 蓝色
Carolina blue
青色 cobalt 蓝色
Cyan cobalt blue
深 electric 蓝色
Dark electric blue
Payne's 灰色
Payne's grey
绿色-蓝色
Green-blue
Queen 蓝色
Queen blue
青色-蓝色 azure
Cyan-blue azure
Air force 蓝色 (raf)
Air Force blue (RAF)