DexBase Colors
#657DF0 の色 壁 #657DF0 Save image
色変換

色変換 for #657DF0 の色

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

色空間

RGB101125240
HSL229.64°82.25%66.86%
HSV229.64°57.92%94.12%
CMYK57.92%47.92%0%5.88%
XYZ28.423423.72385.5024
Yxy23.7230.20650.1723
Hunter Lab48.706318.93-69.9467
CIE-Lab55.809424.838-60.7076
CIE-LCH55.809465.5922292.2515
CIE-LUV55.8094-14.8069-98.0437

基数表記

BaseRedGreenBlue
Binary011001010111110111110000
Octal145175360
Decimal101125240
Hex657DF0

RGB比率

Red
40%
Green
49%
Blue
94%

CMYK比率

Cyan
58%
Magenta
48%
Yellow
0%
Black
6%
調和

配色

#657DF0 の色 黒背景

#657DF0 の色 サンプルテキスト

#657DF0 の色 白背景

#657DF0 の色 サンプルテキスト

#657DF0 CSSコード

.background { background-color: #657DF0; }
.text { color: #657DF0; }
.border { border: 3px solid #657DF0; }
.shadow { box-shadow: 0 8px 28px rgba(101, 125, 240, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.65:1大きな文字
黒とのコントラスト5.75:1AA
Webセーフカラー#6666FFNear
輝度0.23730-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #657DF0 の色.

#657DF0 の色Persian indigoArylide 黄ラベンダー indigo
近い色

Similar colors

See 青系
Ultramarine 青 Ultramarine blue #4166F5 青系 ロイヤル 青 Royal blue #4169E1 青系 Palatinate 青 Palatinate blue #273BE2 青系 Cornflower 青 Cornflower blue #6495ED 青系 Blueberry Blueberry #4F86F7 青系 Persian 青 Persian blue #1C39BB 青系 Very 明るい 青 Very light blue #6666FF 青系 Ceil Ceil #92A1CF 青系 バイオレット-青 Violet-blue #324AB2 青系 Denim 青 Denim Blue #2243B6 青系 Egyptian 青 Egyptian blue #1034A6 青系 Bluebonnet Bluebonnet #1C1CF0 青系