DexBase Colors
#656DFF の色 壁 #656DFF Save image
色変換

色変換 for #656DFF の色

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

色空間

RGB101109255
HSL236.88°100%69.8%
HSV236.88°60.39%100%
CMYK60.39%57.25%0%0%
XYZ28.879620.921797.1048
Yxy20.92170.19660.1424
Hunter Lab45.740232.6555-93.803
CIE-Lab52.863739.3143-73.7811
CIE-LCH52.863783.6018298.0509
CIE-LUV52.8637-10.7481-117.7563

基数表記

BaseRedGreenBlue
Binary011001010110110111111111
Octal145155377
Decimal101109255
Hex656DFF

RGB比率

Red
40%
Green
43%
Blue
100%

CMYK比率

Cyan
60%
Magenta
57%
Yellow
0%
Black
0%
調和

配色

#656DFF の色 黒背景

#656DFF の色 サンプルテキスト

#656DFF の色 白背景

#656DFF の色 サンプルテキスト

#656DFF CSSコード

.background { background-color: #656DFF; }
.text { color: #656DFF; }
.border { border: 3px solid #656DFF; }
.shadow { box-shadow: 0 8px 28px rgba(101, 109, 255, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #656DFF の色.

#656DFF の色Electric indigoIcterine淡い バイオレット
近い色

Similar colors

See 青系
Very 明るい 青 Very light blue #6666FF 青系 青 Blue #0000FF 青系 ラベンダー 青 Lavender blue #CCCCFF 青系 Periwinkle Periwinkle #CCCCFF 青系 Bluebonnet Bluebonnet #1C1CF0 青系 Ultramarine 青 Ultramarine blue #4166F5 青系 Ghost 白 Ghost white #F8F8FF 青系 Medium 青 Medium blue #0000CD 青系 Palatinate 青 Palatinate blue #273BE2 青系 Medium slate 青 Medium slate blue #7B68EE 青系 Maximum 青 紫 Maximum Blue Purple #ACACE6 青系 Duke 青 Duke blue #00009C 青系