色変換
色変換 for #A9BEBA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 169 | 190 | 186 | |
|---|---|---|---|---|
| HSL | 168.57° | 13.91% | 70.39% | |
| HSV | 168.57° | 11.05% | 74.51% | |
| CMYK | 11.05% | 0% | 2.11% | 25.49% |
| XYZ | 43.6365 | 48.8063 | 53.5664 | |
| Yxy | 48.8063 | 0.2989 | 0.3343 | |
| Hunter Lab | 69.8615 | -10.7649 | 3.4602 | |
| CIE-Lab | 75.3307 | -7.9452 | -0.4183 | |
| CIE-LCH | 75.3307 | 7.9562 | 183.0137 | |
| CIE-LUV | 75.3307 | -11.2078 | 0.7241 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10101001 | 10111110 | 10111010 |
| Octal | 251 | 276 | 272 |
| Decimal | 169 | 190 | 186 |
| Hex | A9 | BE | BA |
RGB比率
CMYK比率
濃い色 #A9BEBA
淡い色 #A9BEBA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#A9BEBA の色 黒背景
#A9BEBA の色 サンプルテキスト
#A9BEBA の色 白背景
#A9BEBA の色 サンプルテキスト
#A9BEBA CSSコード
.background { background-color: #A9BEBA; }
.text { color: #A9BEBA; }
.border { border: 3px solid #A9BEBA; }
.shadow { box-shadow: 0 8px 28px rgba(169, 190, 186, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト1.95:1低い
黒とのコントラスト10.76:1AAA
Webセーフカラー#99CCCCNear
輝度0.48810-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#A9BEBA color
PortuguêsCor #A9BEBA
EspañolColor #A9BEBA
한국어#A9BEBA 색상
日本語#A9BEBA の色
中文#A9BEBA 颜色
DeutschFarbe #A9BEBA
FrançaisCouleur #A9BEBA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #A9BEBA の色.
近い色
See シアン系