#65AD67
#65AD67
#AD65AB
#AD65AB
カラー値
| フォーマット | #65AD67 | #AD65AB |
|---|---|---|
| HEX | #65AD67 | #AD65AB |
| RGB | 101, 173, 103 | 173, 101, 171 |
| HSL | 121.7, 30.5%, 53.7% | 301.7, 30.5%, 53.7% |
| HSV | 121.7, 41.6%, 67.8% | 301.7, 41.6%, 67.8% |
| CMYK | 41.6%, 0.0%, 40.5%, 32.2% | 0.0%, 41.6%, 1.2%, 32.2% |
| OKLCH | 0.6825 0.1243 144.7 | 0.6117 0.1305 328.0 |
コントラストとアクセシビリティ
1.48:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #AD65AB → 背景色: #65AD67
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #65AD67 → 背景色: #AD65AB
色差 (Delta E)
94.95
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #65AD67, #AD65AB);
background: linear-gradient(135deg, #65AD67, #AD65AB);