色変換

色変換 for #3A7ED4 の色

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

色空間

RGB58126212
HSL213.51°64.17%52.94%
HSV213.51°72.64%83.14%
CMYK72.64%40.57%0%16.86%
XYZ21.085120.572465.1342
Yxy20.57240.19740.1926
Hunter Lab45.35683.6045-53.3597
CIE-Lab52.47837.514-50.452
CIE-LCH52.478351.0085278.471
CIE-LUV52.4783-25.3881-78.9436

基数表記

BaseRedGreenBlue
Binary001110100111111011010100
Octal72176324
Decimal58126212
Hex3A7ED4

RGB比率

Red
23%
Green
49%
Blue
83%

CMYK比率

Cyan
73%
Magenta
41%
Yellow
0%
Black
17%
調和

配色

#3A7ED4 の色 黒背景

#3A7ED4 の色 サンプルテキスト

#3A7ED4 の色 白背景

#3A7ED4 の色 サンプルテキスト

#3A7ED4 CSSコード

.background { background-color: #3A7ED4; }
.text { color: #3A7ED4; }
.border { border: 3px solid #3A7ED4; }
.shadow { box-shadow: 0 8px 28px rgba(58, 126, 212, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.11:1大きな文字
黒とのコントラスト5.11:1AA
Webセーフカラー#3366CCNear
輝度0.20570-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #3A7ED4 の色.

近い色

Similar colors

See 青系