色変換

色変換 for #2E6495 の色

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

色空間

RGB46100149
HSL208.54°52.82%38.24%
HSV208.54°69.13%58.43%
CMYK69.13%32.89%0%41.57%
XYZ11.106711.863930.1326
Yxy11.86390.20920.2234
Hunter Lab34.444-2.719-27.7375
CIE-Lab40.999-1.2378-32.0592
CIE-LCH40.99932.0831267.7889
CIE-LUV40.999-20.716-45.9775

基数表記

BaseRedGreenBlue
Binary001011100110010010010101
Octal56144225
Decimal46100149
Hex2E6495

RGB比率

Red
18%
Green
39%
Blue
58%

CMYK比率

Cyan
69%
Magenta
33%
Yellow
0%
Black
42%
調和

配色

#2E6495 の色 黒背景

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

#2E6495 の色 白背景

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

#2E6495 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系