#9166D8
#9166D8
#ADD866
#ADD866
カラー値
| フォーマット | #9166D8 | #ADD866 |
|---|---|---|
| HEX | #9166D8 | #ADD866 |
| RGB | 145, 102, 216 | 173, 216, 102 |
| HSL | 262.6, 59.4%, 62.4% | 82.6, 59.4%, 62.4% |
| HSV | 262.6, 52.8%, 84.7% | 82.6, 52.8%, 84.7% |
| CMYK | 32.9%, 52.8%, 0.0%, 15.3% | 19.9%, 0.0%, 52.8%, 15.3% |
| OKLCH | 0.6066 0.1692 298.7 | 0.8275 0.1503 126.6 |
コントラストとアクセシビリティ
2.51:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #ADD866 → 背景色: #9166D8
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9166D8 → 背景色: #ADD866
色差 (Delta E)
130.02
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #9166D8, #ADD866);
background: linear-gradient(135deg, #9166D8, #ADD866);