#9ACE72
#9ACE72
#A672CE
#A672CE
カラー値
| フォーマット | #9ACE72 | #A672CE |
|---|---|---|
| HEX | #9ACE72 | #A672CE |
| RGB | 154, 206, 114 | 166, 114, 206 |
| HSL | 93.9, 48.4%, 62.7% | 273.9, 48.4%, 62.7% |
| HSV | 93.9, 44.7%, 80.8% | 273.9, 44.7%, 80.8% |
| CMYK | 25.2%, 0.0%, 44.7%, 19.2% | 19.4%, 44.7%, 0.0%, 19.2% |
| OKLCH | 0.7939 0.1334 132.8 | 0.642 0.1429 308.9 |
コントラストとアクセシビリティ
1.93:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #A672CE → 背景色: #9ACE72
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9ACE72 → 背景色: #A672CE
色差 (Delta E)
108.88
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #9ACE72, #A672CE);
background: linear-gradient(135deg, #9ACE72, #A672CE);