色変換

色変換 for #6AB5D3 の色

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

色空間

RGB106181211
HSL197.14°54.4%62.16%
HSV197.14°49.76%82.75%
CMYK49.76%14.22%0%17.25%
XYZ34.221240.812367.6896
Yxy40.81230.23980.286
Hunter Lab63.8845-16.181-18.0777
CIE-Lab70.0442-15.1761-22.3415
CIE-LCH70.044227.0085235.8126
CIE-LUV70.0442-33.4174-32.7249

基数表記

BaseRedGreenBlue
Binary011010101011010111010011
Octal152265323
Decimal106181211
Hex6AB5D3

RGB比率

Red
42%
Green
71%
Blue
83%

CMYK比率

Cyan
50%
Magenta
14%
Yellow
0%
Black
17%
調和

配色

#6AB5D3 の色 黒背景

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

#6AB5D3 の色 白背景

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

#6AB5D3 CSSコード

.background { background-color: #6AB5D3; }
.text { color: #6AB5D3; }
.border { border: 3px solid #6AB5D3; }
.shadow { box-shadow: 0 8px 28px rgba(106, 181, 211, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.29:1低い
黒とのコントラスト9.16:1AAA
Webセーフカラー#66CCCCNear
輝度0.40820-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系