#7635BA
#7635BA
#79BA35
#79BA35
カラー値
| フォーマット | #7635BA | #79BA35 |
|---|---|---|
| HEX | #7635BA | #79BA35 |
| RGB | 118, 53, 186 | 121, 186, 53 |
| HSL | 269.3, 55.6%, 46.9% | 89.3, 55.6%, 46.9% |
| HSV | 269.3, 71.5%, 72.9% | 89.3, 71.5%, 72.9% |
| CMYK | 36.6%, 71.5%, 0.0%, 27.1% | 34.9%, 0.0%, 71.5%, 27.1% |
| OKLCH | 0.487 0.1975 301.7 | 0.7193 0.1752 132.2 |
コントラストとアクセシビリティ
2.97:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #79BA35 → 背景色: #7635BA
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7635BA → 背景色: #79BA35
色差 (Delta E)
153.7
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #7635BA, #79BA35);
background: linear-gradient(135deg, #7635BA, #79BA35);