颜色转换
颜色转换 for #31678E 颜色
用于比较屏幕、涂料、调色板和数字素材的完整数值资料。
颜色空间
| RGB | 49 | 103 | 142 | |
|---|---|---|---|---|
| HSL | 205.16° | 48.69% | 37.45% | |
| HSV | 205.16° | 65.49% | 55.69% | |
| CMYK | 65.49% | 27.46% | 0% | 44.31% |
| XYZ | 10.9975 | 12.3054 | 27.3815 | |
| Yxy | 12.3054 | 0.217 | 0.2428 | |
| Hunter Lab | 35.0791 | -5.4279 | -21.7063 | |
| CIE-Lab | 41.6974 | -5.0522 | -26.7613 | |
| CIE-LCH | 41.6974 | 27.234 | 259.3091 | |
| CIE-LUV | 41.6974 | -21.3816 | -37.7076 |
进制数值
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110001 | 01100111 | 10001110 |
| Octal | 61 | 147 | 216 |
| Decimal | 49 | 103 | 142 |
| Hex | 31 | 67 | 8E |
RGB 比例
CMYK 比例
暗色阶 #31678E
浅色阶 #31678E
和谐
配色方案
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#31678E 颜色 黑色背景
#31678E 颜色 示例文字
#31678E 颜色 白色背景
#31678E 颜色 示例文字
#31678E CSS 代码
.background { background-color: #31678E; }
.text { color: #31678E; }
.border { border: 3px solid #31678E; }
.shadow { box-shadow: 0 8px 28px rgba(49, 103, 142, 0.35); }CSS 预览
可访问性
白底对比6.07:1AA
黑底对比3.46:1大号文字
网页安全色#336699Near
亮度0.12310-1
语言
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#31678E color
PortuguêsCor #31678E
EspañolColor #31678E
한국어#31678E 색상
日本語#31678E の色
中文#31678E 颜色
DeutschFarbe #31678E
FrançaisCouleur #31678E
组合
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #31678E 颜色.
相近颜色
See 蓝色系
Similar colors
Lapis lazuli
Lapis lazuli
Steel 蓝色
Steel blue
深 electric 蓝色
Dark electric blue
Payne's 灰色
Payne's grey
Celestial 蓝色
Celestial blue
Queen 蓝色
Queen blue
青色-蓝色 azure
Cyan-blue azure
B'dazzled 蓝色
B'dazzled blue
Air force 蓝色 (raf)
Air Force blue (RAF)
Rackley
Rackley
青色 azure
Cyan azure
Teal 蓝色
Teal blue