DexBase Colors
#696B9A の色 壁 #696B9A Save image
色変換

色変換 for #696B9A の色

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

色空間

RGB105107154
HSL237.55°19.52%50.78%
HSV237.55°31.82%60.39%
CMYK31.82%30.52%0%39.61%
XYZ16.914615.851332.734
Yxy15.85130.25820.242
Hunter Lab39.81376.1601-20.8584
CIE-Lab46.778810.6422-25.7416
CIE-LCH46.778827.8547292.4614
CIE-LUV46.7788-3.7163-38.9595

基数表記

BaseRedGreenBlue
Binary011010010110101110011010
Octal151153232
Decimal105107154
Hex696B9A

RGB比率

Red
41%
Green
42%
Blue
60%

CMYK比率

Cyan
32%
Magenta
31%
Yellow
0%
Black
40%
調和

配色

#696B9A の色 黒背景

#696B9A の色 サンプルテキスト

#696B9A の色 白背景

#696B9A の色 サンプルテキスト

#696B9A CSSコード

.background { background-color: #696B9A; }
.text { color: #696B9A; }
.border { border: 3px solid #696B9A; }
.shadow { box-shadow: 0 8px 28px rgba(105, 107, 154, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.04:1AA
黒とのコントラスト4.17:1大きな文字
Webセーフカラー#666699Near
輝度0.15850-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #696B9A の色.

#696B9A の色ラベンダー 紫Cadmium 黄暗い ラベンダー
近い色

Similar colors

See 青系
暗い 青-グレー Dark blue-gray #666699 青系 Liberty Liberty #545AA7 青系 Rhythm Rhythm #777696 青系 紫 navy Purple navy #4E5180 青系 Middle 黄 赤 Middle Yellow Red #ECB176 青系 Independence Independence #4C516D 青系 青 (pigment) Blue (pigment) #333399 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 深い koamaru Deep koamaru #333366 青系 Manatee Manatee #979AAA グレー系 青 bell Blue Bell #A2A2D0 青系