DexBase Colors
#697CCE の色 壁 #697CCE Save image
色変換

色変換 for #697CCE の色

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

色空間

RGB105124206
HSL228.71°50.75%60.98%
HSV228.71°49.03%80.78%
CMYK49.03%39.81%0%19.22%
XYZ24.170421.873361.3289
Yxy21.87330.22510.2037
Hunter Lab46.768910.4034-44.9794
CIE-Lab53.892315.5157-44.6662
CIE-LCH53.892347.2843289.1557
CIE-LUV53.8923-12.2955-70.9263

基数表記

BaseRedGreenBlue
Binary011010010111110011001110
Octal151174316
Decimal105124206
Hex697CCE

RGB比率

Red
41%
Green
49%
Blue
81%

CMYK比率

Cyan
49%
Magenta
40%
Yellow
0%
Black
19%
調和

配色

#697CCE の色 黒背景

#697CCE の色 サンプルテキスト

#697CCE の色 白背景

#697CCE の色 サンプルテキスト

#697CCE CSSコード

.background { background-color: #697CCE; }
.text { color: #697CCE; }
.border { border: 3px solid #697CCE; }
.shadow { box-shadow: 0 8px 28px rgba(105, 124, 206, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.91:1大きな文字
黒とのコントラスト5.37:1AA
Webセーフカラー#6666CCNear
輝度0.21870-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #697CCE の色.

#697CCE の色青-マゼンタ バイオレットGargoyle gas暗い pastel 紫
近い色

Similar colors

See 青系
バイオレット-青 Violet-blue #324AB2 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Ceil Ceil #92A1CF 青系 Ultramarine 青 Ultramarine blue #4166F5 青系 Han 青 Han blue #446CCF 青系 ロイヤル 青 Royal blue #4169E1 青系 Wild 青 yonder Wild blue yonder #A2ADD0 青系 Manatee Manatee #979AAA グレー系 Persian 青 Persian blue #1C39BB 青系 Vista 青 Vista blue #7C9ED9 青系 Denim 青 Denim Blue #2243B6 青系