DexBase Colors
#565EA2 の色 壁 #565EA2 Save image
色変換

色変換 for #565EA2 の色

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

色空間

RGB8694162
HSL233.68°30.65%48.63%
HSV233.68°46.91%63.53%
CMYK46.91%41.98%0%36.47%
XYZ14.3612.591735.8492
Yxy12.59170.22870.2005
Hunter Lab35.484810.1365-35.0361
CIE-Lab42.141515.6927-37.8591
CIE-LCH42.141540.9826292.5141
CIE-LUV42.1415-7.1309-56.8065

基数表記

BaseRedGreenBlue
Binary010101100101111010100010
Octal126136242
Decimal8694162
Hex565EA2

RGB比率

Red
34%
Green
37%
Blue
64%

CMYK比率

Cyan
47%
Magenta
42%
Yellow
0%
Black
36%
調和

配色

#565EA2 の色 黒背景

#565EA2 の色 サンプルテキスト

#565EA2 の色 白背景

#565EA2 の色 サンプルテキスト

#565EA2 CSSコード

.background { background-color: #565EA2; }
.text { color: #565EA2; }
.border { border: 3px solid #565EA2; }
.shadow { box-shadow: 0 8px 28px rgba(86, 94, 162, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #565EA2 の色.

#565EA2 の色Cyber grapeCitrine青-マゼンタ バイオレット
近い色

Similar colors

See 青系
Liberty Liberty #545AA7 青系 紫 navy Purple navy #4E5180 青系 Middle 黄 赤 Middle Yellow Red #ECB176 青系 暗い 青-グレー Dark blue-gray #666699 青系 Independence Independence #4C516D 青系 Palatinate 青 Palatinate blue #273BE2 青系 バイオレット-青 Violet-blue #324AB2 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Rhythm Rhythm #777696 青系 Manatee Manatee #979AAA グレー系 青 (pigment) Blue (pigment) #333399 青系