色変換

色変換 for #2E6EB2 の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB46110178
HSL210.91°58.93%43.92%
HSV210.91°74.16%69.8%
CMYK74.16%38.2%0%30.2%
XYZ14.735514.945444.219
Yxy14.94540.19940.2022
Hunter Lab38.65930.3834-40.7286
CIE-Lab45.55933.2619-41.9716
CIE-LCH45.559342.0982274.4439
CIE-LUV45.5593-23.224-62.9815

基数表記

BaseRedGreenBlue
Binary001011100110111010110010
Octal56156262
Decimal46110178
Hex2E6EB2

RGB比率

Red
18%
Green
43%
Blue
70%

CMYK比率

Cyan
74%
Magenta
38%
Yellow
0%
Black
30%
調和

配色

#2E6EB2 の色 黒背景

#2E6EB2 の色 サンプルテキスト

#2E6EB2 の色 白背景

#2E6EB2 の色 サンプルテキスト

#2E6EB2 CSSコード

.background { background-color: #2E6EB2; }
.text { color: #2E6EB2; }
.border { border: 3px solid #2E6EB2; }
.shadow { box-shadow: 0 8px 28px rgba(46, 110, 178, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.26:1AA
黒とのコントラスト3.99:1大きな文字
Webセーフカラー#336699Near
輝度0.14950-1
言語

Color names in other languages

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

English#2E6EB2 color
PortuguêsCor #2E6EB2
EspañolColor #2E6EB2
한국어#2E6EB2 색상
日本語#2E6EB2 の色
中文#2E6EB2 颜色
DeutschFarbe #2E6EB2
FrançaisCouleur #2E6EB2
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #2E6EB2 の色.

近い色

Similar colors

See 青系