DexBase Colors
#658EC4 の色 壁 #658EC4 Save image
色変換

色変換 for #658EC4 の色

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

色空間

RGB101142196
HSL214.11°44.6%58.24%
HSV214.11°48.47%76.86%
CMYK48.47%27.55%0%23.14%
XYZ25.000326.096555.9336
Yxy26.09650.23360.2438
Hunter Lab51.0847-2.0431-29.133
CIE-Lab58.12850.8409-32.3695
CIE-LCH58.128532.3804271.4881
CIE-LUV58.1285-20.1596-50.1277

基数表記

BaseRedGreenBlue
Binary011001011000111011000100
Octal145216304
Decimal101142196
Hex658EC4

RGB比率

Red
40%
Green
56%
Blue
77%

CMYK比率

Cyan
48%
Magenta
28%
Yellow
0%
Black
23%
調和

配色

#658EC4 の色 黒背景

#658EC4 の色 サンプルテキスト

#658EC4 の色 白背景

#658EC4 の色 サンプルテキスト

#658EC4 CSSコード

.background { background-color: #658EC4; }
.text { color: #658EC4; }
.border { border: 3px solid #658EC4; }
.shadow { box-shadow: 0 8px 28px rgba(101, 142, 196, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.38:1大きな文字
黒とのコントラスト6.22:1AA
Webセーフカラー#6699CCNear
輝度0.2610-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #658EC4 の色.

#658EC4 の色Cosmic cobaltGrullo青 bell
近い色

Similar colors

See 青系
暗い pastel 青 Dark pastel blue #779ECB 青系 銀 lake 青 Silver Lake blue #5D89BA 青系 Glaucous Glaucous #6082B6 青系 青-グレー Blue-gray #6699CC 青系 Livid Livid #6699CC 青系 Shadow 青 Shadow blue #778BA5 青系 Cerulean frost Cerulean frost #6D9BC3 青系 シアン-青 azure Cyan-blue azure #4682BF 青系 Little boy 青 Little boy blue #6CA0DC 青系 シアン azure Cyan azure #4E82B4 青系 明るい steel 青 Light steel blue #B0C4DE 青系 青 yonder Blue yonder #5072A7 青系