#765DBA
#765DBA
#A1BA5D
#A1BA5D
カラー値
| フォーマット | #765DBA | #A1BA5D |
|---|---|---|
| HEX | #765DBA | #A1BA5D |
| RGB | 118, 93, 186 | 161, 186, 93 |
| HSL | 256.1, 40.3%, 54.7% | 76.1, 40.3%, 54.7% |
| HSV | 256.1, 50.0%, 72.9% | 76.1, 50.0%, 72.9% |
| CMYK | 36.6%, 50.0%, 0.0%, 27.1% | 13.4%, 0.0%, 50.0%, 27.1% |
| OKLCH | 0.5469 0.1411 293.6 | 0.7496 0.1231 121.8 |
コントラストとアクセシビリティ
2.4:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #A1BA5D → 背景色: #765DBA
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #765DBA → 背景色: #A1BA5D
色差 (Delta E)
108.21
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #765DBA, #A1BA5D);
background: linear-gradient(135deg, #765DBA, #A1BA5D);