色変換
色変換 for #8E968D の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 142 | 150 | 141 | |
|---|---|---|---|---|
| HSL | 113.33° | 4.11% | 57.06% | |
| HSV | 113.33° | 6% | 58.82% | |
| CMYK | 5.33% | 0% | 6% | 41.18% |
| XYZ | 26.8685 | 29.4864 | 29.4701 | |
| Yxy | 29.4864 | 0.3131 | 0.3436 | |
| Hunter Lab | 54.3014 | -6.7057 | 5.8461 | |
| CIE-Lab | 61.2085 | -4.6459 | 3.7471 | |
| CIE-LCH | 61.2085 | 5.9687 | 141.1125 | |
| CIE-LUV | 61.2085 | -4.0479 | 6.0581 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10001110 | 10010110 | 10001101 |
| Octal | 216 | 226 | 215 |
| Decimal | 142 | 150 | 141 |
| Hex | 8E | 96 | 8D |
RGB比率
CMYK比率
濃い色 #8E968D
淡い色 #8E968D
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#8E968D の色 黒背景
#8E968D の色 サンプルテキスト
#8E968D の色 白背景
#8E968D の色 サンプルテキスト
#8E968D CSSコード
.background { background-color: #8E968D; }
.text { color: #8E968D; }
.border { border: 3px solid #8E968D; }
.shadow { box-shadow: 0 8px 28px rgba(142, 150, 141, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3.04:1大きな文字
黒とのコントラスト6.9:1AA
Webセーフカラー#999999Near
輝度0.29490-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#8E968D color
PortuguêsCor #8E968D
EspañolColor #8E968D
한국어#8E968D 색상
日本語#8E968D の色
中文#8E968D 颜色
DeutschFarbe #8E968D
FrançaisCouleur #8E968D
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #8E968D の色.
近い色
See グレー系