色変換
色変換 for #A5EB6C の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 165 | 235 | 108 | |
|---|---|---|---|---|
| HSL | 93.07° | 76.05% | 67.25% | |
| HSV | 93.07° | 54.04% | 92.16% | |
| CMYK | 29.79% | 0% | 54.04% | 7.84% |
| XYZ | 47.9314 | 68.4971 | 24.8803 | |
| Yxy | 68.4971 | 0.3392 | 0.4847 | |
| Hunter Lab | 82.763 | -41.4594 | 40.1172 | |
| CIE-Lab | 86.2544 | -42.7693 | 54.0283 | |
| CIE-LCH | 86.2544 | 68.9077 | 128.3655 | |
| CIE-LUV | 86.2544 | -34.9019 | 75.9288 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10100101 | 11101011 | 01101100 |
| Octal | 245 | 353 | 154 |
| Decimal | 165 | 235 | 108 |
| Hex | A5 | EB | 6C |
RGB比率
CMYK比率
濃い色 #A5EB6C
淡い色 #A5EB6C
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#A5EB6C の色 黒背景
#A5EB6C の色 サンプルテキスト
#A5EB6C の色 白背景
#A5EB6C の色 サンプルテキスト
#A5EB6C CSSコード
.background { background-color: #A5EB6C; }
.text { color: #A5EB6C; }
.border { border: 3px solid #A5EB6C; }
.shadow { box-shadow: 0 8px 28px rgba(165, 235, 108, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト1.43:1低い
黒とのコントラスト14.7:1AAA
Webセーフカラー#99FF66Near
輝度0.6850-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#A5EB6C color
PortuguêsCor #A5EB6C
EspañolColor #A5EB6C
한국어#A5EB6C 색상
日本語#A5EB6C の色
中文#A5EB6C 颜色
DeutschFarbe #A5EB6C
FrançaisCouleur #A5EB6C
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #A5EB6C の色.
近い色
See 緑系