色変換
色変換 for #9A8BBA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 154 | 139 | 186 | |
|---|---|---|---|---|
| HSL | 259.15° | 25.41% | 63.73% | |
| HSV | 259.15° | 25.27% | 72.94% | |
| CMYK | 17.2% | 25.27% | 0% | 27.06% |
| XYZ | 31.4201 | 28.8803 | 50.364 | |
| Yxy | 28.8803 | 0.2839 | 0.261 | |
| Hunter Lab | 53.7404 | 10.3161 | -17.9249 | |
| CIE-Lab | 60.6758 | 15.2222 | -22.4741 | |
| CIE-LCH | 60.6758 | 27.1441 | 304.1106 | |
| CIE-LUV | 60.6758 | 4.9541 | -36.4337 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10011010 | 10001011 | 10111010 |
| Octal | 232 | 213 | 272 |
| Decimal | 154 | 139 | 186 |
| Hex | 9A | 8B | BA |
RGB比率
CMYK比率
濃い色 #9A8BBA
淡い色 #9A8BBA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#9A8BBA の色 黒背景
#9A8BBA の色 サンプルテキスト
#9A8BBA の色 白背景
#9A8BBA の色 サンプルテキスト
#9A8BBA CSSコード
.background { background-color: #9A8BBA; }
.text { color: #9A8BBA; }
.border { border: 3px solid #9A8BBA; }
.shadow { box-shadow: 0 8px 28px rgba(154, 139, 186, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3.1:1大きな文字
黒とのコントラスト6.78:1AA
Webセーフカラー#9999CCNear
輝度0.28880-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#9A8BBA color
PortuguêsCor #9A8BBA
EspañolColor #9A8BBA
한국어#9A8BBA 색상
日本語#9A8BBA の色
中文#9A8BBA 颜色
DeutschFarbe #9A8BBA
FrançaisCouleur #9A8BBA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #9A8BBA の色.
近い色
See 紫系
Similar colors
Middle 青 紫
Middle Blue Purple
Medium 紫
Medium purple
Ube
Ube
ラベンダー 紫
Lavender purple
明るい pastel 紫
Light pastel purple
暗い pastel 紫
Dark pastel purple
紫 mountain majesty
Purple mountain majesty
ロイヤル 紫
Royal purple
Cyber grape
Cyber grape
青-マゼンタ バイオレット
Blue-magenta violet
Toolbox
Toolbox
Amethyst
Amethyst