色変換

色変換 for #693EB2 の色

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

色空間

RGB10562178
HSL262.24°48.33%47.06%
HSV262.24°65.17%69.8%
CMYK41.01%65.17%0%30.2%
XYZ15.58219.662543.1549
Yxy9.66250.22780.1413
Hunter Lab31.084635.08-60.5213
CIE-Lab37.229844.2137-55.1352
CIE-LCH37.229870.6735308.7266
CIE-LUV37.22988.2749-81.5273

基数表記

BaseRedGreenBlue
Binary011010010011111010110010
Octal15176262
Decimal10562178
Hex693EB2

RGB比率

Red
41%
Green
24%
Blue
70%

CMYK比率

Cyan
41%
Magenta
65%
Yellow
0%
Black
30%
調和

配色

#693EB2 の色 黒背景

#693EB2 の色 サンプルテキスト

#693EB2 の色 白背景

#693EB2 の色 サンプルテキスト

#693EB2 CSSコード

.background { background-color: #693EB2; }
.text { color: #693EB2; }
.border { border: 3px solid #693EB2; }
.shadow { box-shadow: 0 8px 28px rgba(105, 62, 178, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト7.16:1AAA
黒とのコントラスト2.93:1低い
Webセーフカラー#663399Near
輝度0.09660-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #693EB2 の色.

近い色

Similar colors

See 紫系