颜色转换

颜色转换 for #36A4D2 颜色

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

颜色空间

RGB54164210
HSL197.69°63.41%51.76%
HSV197.69°74.29%82.35%
CMYK74.29%21.9%0%17.65%
XYZ26.424931.985265.7413
Yxy31.98520.21280.2576
Hunter Lab56.5555-15.5706-29.3042
CIE-Lab63.3307-15.609-32.263
CIE-LCH63.330735.8405244.1821
CIE-LUV63.3307-39.1692-48.6581

进制数值

BaseRedGreenBlue
Binary001101101010010011010010
Octal66244322
Decimal54164210
Hex36A4D2

RGB 比例

Red
21%
Green
64%
Blue
82%

CMYK 比例

Cyan
74%
Magenta
22%
Yellow
0%
Black
18%
和谐

配色方案

#36A4D2 颜色 黑色背景

#36A4D2 颜色 示例文字

#36A4D2 颜色 白色背景

#36A4D2 颜色 示例文字

#36A4D2 CSS 代码

.background { background-color: #36A4D2; }
.text { color: #36A4D2; }
.border { border: 3px solid #36A4D2; }
.shadow { box-shadow: 0 8px 28px rgba(54, 164, 210, 0.35); }
CSS 预览

可访问性

白底对比2.84:1较弱
黑底对比7.4:1AAA
网页安全色#3399CCNear
亮度0.31990-1
语言

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #36A4D2 颜色.

相近颜色

Similar colors

See 蓝色系