DexBase Colors
#5657B3 の色 壁 #5657B3 Save image
色変換

色変換 for #5657B3 の色

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

色空間

RGB8687179
HSL239.35°37.96%51.96%
HSV239.35°51.96%70.2%
CMYK51.96%51.4%0%29.8%
XYZ15.380112.048644.1543
Yxy12.04860.21490.1683
Hunter Lab34.711118.3463-51.0926
CIE-Lab41.293325.511-49.2546
CIE-LCH41.293355.4692297.3815
CIE-LUV41.2933-5.6924-74.2465

基数表記

BaseRedGreenBlue
Binary010101100101011110110011
Octal126127263
Decimal8687179
Hex5657B3

RGB比率

Red
34%
Green
34%
Blue
70%

CMYK比率

Cyan
52%
Magenta
51%
Yellow
0%
Black
30%
調和

配色

#5657B3 の色 黒背景

#5657B3 の色 サンプルテキスト

#5657B3 の色 白背景

#5657B3 の色 サンプルテキスト

#5657B3 CSSコード

.background { background-color: #5657B3; }
.text { color: #5657B3; }
.border { border: 3px solid #5657B3; }
.shadow { box-shadow: 0 8px 28px rgba(86, 87, 179, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5657B3 の色.

#5657B3 の色ロイヤル 紫Battleship グレー暗い ラベンダー
近い色

Similar colors

See 青系
Liberty Liberty #545AA7 青系 暗い 青-グレー Dark blue-gray #666699 青系 Middle 黄 赤 Middle Yellow Red #ECB176 青系 青 (pigment) Blue (pigment) #333399 青系 Rhythm Rhythm #777696 青系 Toolbox Toolbox #746CC0 青系 青 bell Blue Bell #A2A2D0 青系 紫 navy Purple navy #4E5180 青系 深い koamaru Deep koamaru #333366 青系 Cosmic cobalt Cosmic Cobalt #2E2D88 青系 Ocean 青 Ocean Blue #4F42B5 青系 Iris Iris #5A4FCF 青系