色変換

色変換 for #2A7BEA の色

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

色空間

RGB42123234
HSL214.69°82.05%54.12%
HSV214.69°82.05%91.76%
CMYK82.05%47.44%0%8.24%
XYZ22.883620.595880.5953
Yxy20.59580.18440.166
Hunter Lab45.382610.5861-73.4845
CIE-Lab52.504315.7743-62.8064
CIE-LCH52.504364.757284.0986
CIE-LUV52.5043-26.1165-99.0962

基数表記

BaseRedGreenBlue
Binary001010100111101111101010
Octal52173352
Decimal42123234
Hex2A7BEA

RGB比率

Red
16%
Green
48%
Blue
92%

CMYK比率

Cyan
82%
Magenta
47%
Yellow
0%
Black
8%
調和

配色

#2A7BEA の色 黒背景

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

#2A7BEA の色 白背景

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

#2A7BEA CSSコード

.background { background-color: #2A7BEA; }
.text { color: #2A7BEA; }
.border { border: 3px solid #2A7BEA; }
.shadow { box-shadow: 0 8px 28px rgba(42, 123, 234, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.1:1大きな文字
黒とのコントラスト5.12:1AA
Webセーフカラー#3366FFNear
輝度0.2060-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系