DexBase Colors
#6B86A8 の色 壁 #6B86A8 Save image
色変換

色変換 for #6B86A8 の色

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

色空間

RGB107134168
HSL213.44°25.96%53.92%
HSV213.44°36.31%65.88%
CMYK36.31%20.24%0%34.12%
XYZ21.654223.002140.3371
Yxy23.00210.25480.2706
Hunter Lab47.9605-3.3387-16.2739
CIE-Lab55.0745-0.9775-21.0987
CIE-LCH55.074521.1213267.3474
CIE-LUV55.0745-14.4884-31.3979

基数表記

BaseRedGreenBlue
Binary011010111000011010101000
Octal153206250
Decimal107134168
Hex6B86A8

RGB比率

Red
42%
Green
53%
Blue
66%

CMYK比率

Cyan
36%
Magenta
20%
Yellow
0%
Black
34%
調和

配色

#6B86A8 の色 黒背景

#6B86A8 の色 サンプルテキスト

#6B86A8 の色 白背景

#6B86A8 の色 サンプルテキスト

#6B86A8 CSSコード

.background { background-color: #6B86A8; }
.text { color: #6B86A8; }
.border { border: 3px solid #6B86A8; }
.shadow { box-shadow: 0 8px 28px rgba(107, 134, 168, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.75:1大きな文字
黒とのコントラスト5.6:1AA
Webセーフカラー#669999Near
輝度0.230-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #6B86A8 の色.

#6B86A8 の色暗い 青-グレーCarrot オレンジ紫 navy
近い色

Similar colors

See 青系
Shadow 青 Shadow blue #778BA5 青系 銀 lake 青 Silver Lake blue #5D89BA 青系 Glaucous Glaucous #6082B6 青系 明るい slate グレー Light slate gray #778899 青系 Slate グレー Slate gray #708090 青系 青 yonder Blue yonder #5072A7 青系 シアン azure Cyan azure #4E82B4 青系 暗い pastel 青 Dark pastel blue #779ECB 青系 シアン-青 azure Cyan-blue azure #4682BF 青系 Queen 青 Queen blue #436B95 青系 Air force 青 (raf) Air Force blue (RAF) #5D8AA8 青系 Rackley Rackley #5D8AA8 青系