色変換
色変換 for #ABA2BB の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 171 | 162 | 187 | |
|---|---|---|---|---|
| HSL | 261.6° | 15.53% | 68.43% | |
| HSV | 261.6° | 13.37% | 73.33% | |
| CMYK | 8.56% | 13.37% | 0% | 26.67% |
| XYZ | 38.6829 | 38.0864 | 52.3176 | |
| Yxy | 38.0864 | 0.2997 | 0.295 | |
| Hunter Lab | 61.7142 | 3.8844 | -7.0429 | |
| CIE-Lab | 68.0842 | 8.1037 | -11.6755 | |
| CIE-LCH | 68.0842 | 14.2122 | 304.7636 | |
| CIE-LUV | 68.0842 | 3.4645 | -18.9318 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10101011 | 10100010 | 10111011 |
| Octal | 253 | 242 | 273 |
| Decimal | 171 | 162 | 187 |
| Hex | AB | A2 | BB |
RGB比率
CMYK比率
濃い色 #ABA2BB
淡い色 #ABA2BB
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#ABA2BB の色 黒背景
#ABA2BB の色 サンプルテキスト
#ABA2BB の色 白背景
#ABA2BB の色 サンプルテキスト
#ABA2BB CSSコード
.background { background-color: #ABA2BB; }
.text { color: #ABA2BB; }
.border { border: 3px solid #ABA2BB; }
.shadow { box-shadow: 0 8px 28px rgba(171, 162, 187, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト2.44:1低い
黒とのコントラスト8.62:1AAA
Webセーフカラー#9999CCNear
輝度0.38090-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#ABA2BB color
PortuguêsCor #ABA2BB
EspañolColor #ABA2BB
한국어#ABA2BB 색상
日本語#ABA2BB の色
中文#ABA2BB 颜色
DeutschFarbe #ABA2BB
FrançaisCouleur #ABA2BB
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #ABA2BB の色.
近い色
See 紫系
Similar colors
明るい pastel 紫
Light pastel purple
Middle 青 紫
Middle Blue Purple
ラベンダー 紫
Lavender purple
暗い pastel 紫
Dark pastel purple
Medium 紫
Medium purple
紫 mountain majesty
Purple mountain majesty
Ube
Ube
ロイヤル 紫
Royal purple
Cyber grape
Cyber grape
Amethyst
Amethyst
ラベンダー indigo
Lavender indigo
Navy 紫
Navy purple