#87AD89
#87AD89
#AD87AB
#AD87AB
カラー値
| フォーマット | #87AD89 | #AD87AB |
|---|---|---|
| HEX | #87AD89 | #AD87AB |
| RGB | 135, 173, 137 | 173, 135, 171 |
| HSL | 123.2, 18.8%, 60.4% | 303.2, 18.8%, 60.4% |
| HSV | 123.2, 22.0%, 67.8% | 303.2, 22.0%, 67.8% |
| CMYK | 22.0%, 0.0%, 20.8%, 32.2% | 0.0%, 22.0%, 1.2%, 32.2% |
| OKLCH | 0.7097 0.0663 146.2 | 0.6711 0.068 328.0 |
コントラストとアクセシビリティ
1.23:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #AD87AB → 背景色: #87AD89
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #87AD89 → 背景色: #AD87AB
色差 (Delta E)
49.82
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #87AD89, #AD87AB);
background: linear-gradient(135deg, #87AD89, #AD87AB);