#84B752
#84B752
#8552B7
#8552B7
カラー値
| フォーマット | #84B752 | #8552B7 |
|---|---|---|
| HEX | #84B752 | #8552B7 |
| RGB | 132, 183, 82 | 133, 82, 183 |
| HSL | 90.3, 41.2%, 52.0% | 270.3, 41.2%, 52.0% |
| HSV | 90.3, 55.2%, 71.8% | 270.3, 55.2%, 71.8% |
| CMYK | 27.9%, 0.0%, 55.2%, 28.2% | 27.3%, 55.2%, 0.0%, 28.2% |
| OKLCH | 0.7214 0.1428 131.4 | 0.5419 0.157 305.1 |
コントラストとアクセシビリティ
2.28:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #8552B7 → 背景色: #84B752
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #84B752 → 背景色: #8552B7
色差 (Delta E)
120.39
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #84B752, #8552B7);
background: linear-gradient(135deg, #84B752, #8552B7);