DexBase Colors
#5197E0 颜色 墙面 #5197E0 Save image
颜色转换

颜色转换 for #5197E0 颜色

用于比较屏幕、涂料、调色板和数字素材的完整数值资料。

颜色空间

RGB81151224
HSL210.63°69.76%59.8%
HSV210.63°63.84%87.84%
CMYK63.84%32.59%0%12.16%
XYZ27.909629.261674.6838
Yxy29.26160.21170.2219
Hunter Lab54.094-2.5688-43.9597
CIE-Lab61.01180.3868-43.6021
CIE-LCH61.011843.6038270.5083
CIE-LUV61.0118-28.7536-69.1251

进制数值

BaseRedGreenBlue
Binary010100011001011111100000
Octal121227340
Decimal81151224
Hex5197E0

RGB 比例

Red
32%
Green
59%
Blue
88%

CMYK 比例

Cyan
64%
Magenta
33%
Yellow
0%
Black
12%
和谐

配色方案

#5197E0 颜色 黑色背景

#5197E0 颜色 示例文字

#5197E0 颜色 白色背景

#5197E0 颜色 示例文字

#5197E0 CSS 代码

.background { background-color: #5197E0; }
.text { color: #5197E0; }
.border { border: 3px solid #5197E0; }
.shadow { box-shadow: 0 8px 28px rgba(81, 151, 224, 0.35); }
CSS 预览

可访问性

白底对比3.06:1大号文字
黑底对比6.85:1AA
网页安全色#6699CCNear
亮度0.29260-1
语言

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#5197E0 color
PortuguêsCor #5197E0
EspañolColor #5197E0
한국어#5197E0 색상
日本語#5197E0 の色
中文#5197E0 颜色
DeutschFarbe #5197E0
FrançaisCouleur #5197E0
组合

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5197E0 颜色.

#5197E0 颜色薰衣草 (web)棕色 黄色Glitter
相近颜色

Similar colors

See 蓝色系
Tufts 蓝色 Tufts Blue #3E8EDE 蓝色系 Little boy 蓝色 Little boy blue #6CA0DC 蓝色系 Bleu de france Bleu de France #318CE7 蓝色系 蓝色-灰色 Blue-gray #6699CC 蓝色系 Livid Livid #6699CC 蓝色系 United nations 蓝色 United Nations blue #5B92E5 蓝色系 Brilliant azure Brilliant azure #3399FF 蓝色系 深 pastel 蓝色 Dark pastel blue #779ECB 蓝色系 Bright navy 蓝色 Bright navy blue #1974D2 蓝色系 Aero Aero #7CB9E8 蓝色系 蓝色 jeans Blue Jeans #5DADEC 蓝色系 Iceberg Iceberg #71A6D2 蓝色系