#6AB331
#6AB331
#7A31B3
#7A31B3
カラー値
| フォーマット | #6AB331 | #7A31B3 |
|---|---|---|
| HEX | #6AB331 | #7A31B3 |
| RGB | 106, 179, 49 | 122, 49, 179 |
| HSL | 93.7, 57.0%, 44.7% | 273.7, 57.0%, 44.7% |
| HSV | 93.7, 72.6%, 70.2% | 273.7, 72.6%, 70.2% |
| CMYK | 40.8%, 0.0%, 72.6%, 29.8% | 31.8%, 72.6%, 0.0%, 29.8% |
| OKLCH | 0.6934 0.1766 134.5 | 0.4819 0.1958 305.8 |
コントラストとアクセシビリティ
2.78:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7A31B3 → 背景色: #6AB331
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #6AB331 → 背景色: #7A31B3
色差 (Delta E)
151.84
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #6AB331, #7A31B3);
background: linear-gradient(135deg, #6AB331, #7A31B3);