色変換

色変換 for #546AAD の色

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

色空間

RGB84106173
HSL225.17°35.18%50.39%
HSV225.17°51.45%67.84%
CMYK51.45%38.73%0%32.16%
XYZ16.350615.208941.6011
Yxy15.20890.22350.2079
Hunter Lab38.99866.59-35.9228
CIE-Lab45.91911.1869-38.369
CIE-LCH45.91939.9666286.2546
CIE-LUV45.919-12.378-58.3075

基数表記

BaseRedGreenBlue
Binary010101000110101010101101
Octal124152255
Decimal84106173
Hex546AAD

RGB比率

Red
33%
Green
42%
Blue
68%

CMYK比率

Cyan
51%
Magenta
39%
Yellow
0%
Black
32%
調和

配色

#546AAD の色 黒背景

#546AAD の色 サンプルテキスト

#546AAD の色 白背景

#546AAD の色 サンプルテキスト

#546AAD CSSコード

.background { background-color: #546AAD; }
.text { color: #546AAD; }
.border { border: 3px solid #546AAD; }
.shadow { box-shadow: 0 8px 28px rgba(84, 106, 173, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.2:1AA
黒とのコントラスト4.04:1大きな文字
Webセーフカラー#666699Near
輝度0.15210-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #546AAD の色.

近い色

Similar colors

See 青系