色変換

色変換 for #4A77B2 の色

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

色空間

RGB74119178
HSL214.04°41.27%49.41%
HSV214.04°58.43%69.8%
CMYK58.43%33.15%0%30.2%
XYZ17.453917.862444.6388
Yxy17.86240.21830.2234
Hunter Lab42.2639-0.2466-33.0123
CIE-Lab49.32882.6086-35.9398
CIE-LCH49.328836.0343274.1514
CIE-LUV49.3288-20.0957-54.4681

基数表記

BaseRedGreenBlue
Binary010010100111011110110010
Octal112167262
Decimal74119178
Hex4A77B2

RGB比率

Red
29%
Green
47%
Blue
70%

CMYK比率

Cyan
58%
Magenta
33%
Yellow
0%
Black
30%
調和

配色

#4A77B2 の色 黒背景

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

#4A77B2 の色 白背景

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

#4A77B2 CSSコード

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

アクセシビリティ

白とのコントラスト4.59:1AA
黒とのコントラスト4.57:1AA
Webセーフカラー#336699Near
輝度0.17860-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系