色変換

色変換 for #4A6CC0 の色

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

色空間

RGB74108192
HSL222.71°48.36%52.16%
HSV222.71°61.46%75.29%
CMYK61.46%43.75%0%24.71%
XYZ17.697815.985252.0118
Yxy15.98520.20650.1865
Hunter Lab39.98159.0447-49.1129
CIE-Lab46.955114.1579-47.7994
CIE-LCH46.955149.8521286.499
CIE-LUV46.9551-16.2642-73.507

基数表記

BaseRedGreenBlue
Binary010010100110110011000000
Octal112154300
Decimal74108192
Hex4A6CC0

RGB比率

Red
29%
Green
42%
Blue
75%

CMYK比率

Cyan
61%
Magenta
44%
Yellow
0%
Black
25%
調和

配色

#4A6CC0 の色 黒背景

#4A6CC0 の色 サンプルテキスト

#4A6CC0 の色 白背景

#4A6CC0 の色 サンプルテキスト

#4A6CC0 CSSコード

.background { background-color: #4A6CC0; }
.text { color: #4A6CC0; }
.border { border: 3px solid #4A6CC0; }
.shadow { box-shadow: 0 8px 28px rgba(74, 108, 192, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #4A6CC0 の色.

近い色

Similar colors

See 青系