色変換
色変換 for #96AC4D の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 150 | 172 | 77 | |
|---|---|---|---|---|
| HSL | 73.89° | 38.15% | 48.82% | |
| HSV | 73.89° | 55.23% | 67.45% | |
| CMYK | 12.79% | 0% | 55.23% | 32.55% |
| XYZ | 28.67 | 36.525 | 12.5594 | |
| Yxy | 36.525 | 0.3687 | 0.4697 | |
| Hunter Lab | 60.4359 | -21.0855 | 29.9887 | |
| CIE-Lab | 66.9191 | -22.0847 | 45.6072 | |
| CIE-LCH | 66.9191 | 50.673 | 115.838 | |
| CIE-LUV | 66.9191 | -9.6847 | 58.1577 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10010110 | 10101100 | 01001101 |
| Octal | 226 | 254 | 115 |
| Decimal | 150 | 172 | 77 |
| Hex | 96 | AC | 4D |
RGB比率
CMYK比率
濃い色 #96AC4D
淡い色 #96AC4D
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#96AC4D の色 黒背景
#96AC4D の色 サンプルテキスト
#96AC4D の色 白背景
#96AC4D の色 サンプルテキスト
#96AC4D CSSコード
.background { background-color: #96AC4D; }
.text { color: #96AC4D; }
.border { border: 3px solid #96AC4D; }
.shadow { box-shadow: 0 8px 28px rgba(150, 172, 77, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト2.53:1低い
黒とのコントラスト8.3:1AAA
Webセーフカラー#999966Near
輝度0.36520-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#96AC4D color
PortuguêsCor #96AC4D
EspañolColor #96AC4D
한국어#96AC4D 색상
日本語#96AC4D の色
中文#96AC4D 颜色
DeutschFarbe #96AC4D
FrançaisCouleur #96AC4D
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #96AC4D の色.
近い色
See 緑系