#87BC97
#87BC97
#BC87AC
#BC87AC
カラー値
| フォーマット | #87BC97 | #BC87AC |
|---|---|---|
| HEX | #87BC97 | #BC87AC |
| RGB | 135, 188, 151 | 188, 135, 172 |
| HSL | 138.1, 28.3%, 63.3% | 318.1, 28.3%, 63.3% |
| HSV | 138.1, 28.2%, 73.7% | 318.1, 28.2%, 73.7% |
| CMYK | 28.2%, 0.0%, 19.7%, 26.3% | 0.0%, 28.2%, 8.5%, 26.3% |
| OKLCH | 0.7478 0.077 153.8 | 0.687 0.0814 338.0 |
コントラストとアクセシビリティ
1.34:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BC87AC → 背景色: #87BC97
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #87BC97 → 背景色: #BC87AC
色差 (Delta E)
57.6
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #87BC97, #BC87AC);
background: linear-gradient(135deg, #87BC97, #BC87AC);