色変換
色変換 for #97A96C の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 151 | 169 | 108 | |
|---|---|---|---|---|
| HSL | 77.7° | 26.18% | 54.31% | |
| HSV | 77.7° | 36.09% | 66.27% | |
| CMYK | 10.65% | 0% | 36.09% | 33.73% |
| XYZ | 29.6571 | 36.0379 | 19.5781 | |
| Yxy | 36.0379 | 0.3478 | 0.4226 | |
| Hunter Lab | 60.0316 | -16.8725 | 22.6934 | |
| CIE-Lab | 66.5489 | -16.6837 | 29.4414 | |
| CIE-LCH | 66.5489 | 33.8399 | 119.5391 | |
| CIE-LUV | 66.5489 | -7.9847 | 40.9574 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10010111 | 10101001 | 01101100 |
| Octal | 227 | 251 | 154 |
| Decimal | 151 | 169 | 108 |
| Hex | 97 | A9 | 6C |
RGB比率
CMYK比率
濃い色 #97A96C
淡い色 #97A96C
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#97A96C の色 黒背景
#97A96C の色 サンプルテキスト
#97A96C の色 白背景
#97A96C の色 サンプルテキスト
#97A96C CSSコード
.background { background-color: #97A96C; }
.text { color: #97A96C; }
.border { border: 3px solid #97A96C; }
.shadow { box-shadow: 0 8px 28px rgba(151, 169, 108, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト2.56:1低い
黒とのコントラスト8.21:1AAA
Webセーフカラー#999966Near
輝度0.36040-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#97A96C color
PortuguêsCor #97A96C
EspañolColor #97A96C
한국어#97A96C 색상
日本語#97A96C の色
中文#97A96C 颜色
DeutschFarbe #97A96C
FrançaisCouleur #97A96C
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #97A96C の色.
近い色
See 緑系