色変換

色変換 for #546ADD の色

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

色空間

RGB84106221
HSL230.36°66.83%59.8%
HSV230.36°61.99%86.67%
CMYK61.99%52.04%0%13.33%
XYZ21.85717.411570.6015
Yxy17.41150.19890.1585
Hunter Lab41.727120.4766-71.0694
CIE-Lab48.774427.1285-61.427
CIE-LCH48.774467.1508293.8281
CIE-LUV48.7744-13.4158-96.161

基数表記

BaseRedGreenBlue
Binary010101000110101011011101
Octal124152335
Decimal84106221
Hex546ADD

RGB比率

Red
33%
Green
42%
Blue
87%

CMYK比率

Cyan
62%
Magenta
52%
Yellow
0%
Black
13%
調和

配色

#546ADD の色 黒背景

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

#546ADD の色 白背景

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

#546ADD CSSコード

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

アクセシビリティ

白とのコントラスト4.69:1AA
黒とのコントラスト4.48:1大きな文字
Webセーフカラー#6666CCNear
輝度0.17410-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系