色変換
色変換 for #9B8CA8 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 155 | 140 | 168 | |
|---|---|---|---|---|
| HSL | 272.14° | 13.86% | 60.39% | |
| HSV | 272.14° | 16.67% | 65.88% | |
| CMYK | 7.74% | 16.67% | 0% | 34.12% |
| XYZ | 29.9623 | 28.552 | 40.9708 | |
| Yxy | 28.552 | 0.3012 | 0.287 | |
| Hunter Lab | 53.4341 | 6.5806 | -8.0392 | |
| CIE-Lab | 60.3842 | 11.0476 | -12.6923 | |
| CIE-LCH | 60.3842 | 16.8269 | 311.0369 | |
| CIE-LUV | 60.3842 | 6.5831 | -20.542 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10011011 | 10001100 | 10101000 |
| Octal | 233 | 214 | 250 |
| Decimal | 155 | 140 | 168 |
| Hex | 9B | 8C | A8 |
RGB比率
CMYK比率
濃い色 #9B8CA8
淡い色 #9B8CA8
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#9B8CA8 の色 黒背景
#9B8CA8 の色 サンプルテキスト
#9B8CA8 の色 白背景
#9B8CA8 の色 サンプルテキスト
#9B8CA8 CSSコード
.background { background-color: #9B8CA8; }
.text { color: #9B8CA8; }
.border { border: 3px solid #9B8CA8; }
.shadow { box-shadow: 0 8px 28px rgba(155, 140, 168, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3.13:1大きな文字
黒とのコントラスト6.71:1AA
Webセーフカラー#999999Near
輝度0.28550-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#9B8CA8 color
PortuguêsCor #9B8CA8
EspañolColor #9B8CA8
한국어#9B8CA8 색상
日本語#9B8CA8 の色
中文#9B8CA8 颜色
DeutschFarbe #9B8CA8
FrançaisCouleur #9B8CA8
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #9B8CA8 の色.
近い色
See 紫系
Similar colors
紫 mountain majesty
Purple mountain majesty
ラベンダー 紫
Lavender purple
Amethyst
Amethyst
暗い ラベンダー
Dark lavender
Rich ラベンダー
Rich lavender
ロイヤル 紫
Royal purple
Glossy grape
Glossy Grape
ラベンダー (floral)
Lavender (floral)
Bright ラベンダー
Bright lavender
Middle 青 紫
Middle Blue Purple
Languid ラベンダー
Languid lavender
深い lilac
Deep lilac