#83D85A
#83D85A
#AF5AD8
#AF5AD8
カラー値
| フォーマット | #83D85A | #AF5AD8 |
|---|---|---|
| HEX | #83D85A | #AF5AD8 |
| RGB | 131, 216, 90 | 175, 90, 216 |
| HSL | 100.5, 61.8%, 60.0% | 280.5, 61.8%, 60.0% |
| HSV | 100.5, 58.3%, 84.7% | 280.5, 58.3%, 84.7% |
| CMYK | 39.4%, 0.0%, 58.3%, 15.3% | 19.0%, 58.3%, 0.0%, 15.3% |
| OKLCH | 0.8015 0.1816 136.7 | 0.6214 0.1955 313.3 |
コントラストとアクセシビリティ
2.26:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #AF5AD8 → 背景色: #83D85A
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #83D85A → 背景色: #AF5AD8
色差 (Delta E)
148.39
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #83D85A, #AF5AD8);
background: linear-gradient(135deg, #83D85A, #AF5AD8);