#89C0B5
#89C0B5
#C08994
#C08994
カラー値
| フォーマット | #89C0B5 | #C08994 |
|---|---|---|
| HEX | #89C0B5 | #C08994 |
| RGB | 137, 192, 181 | 192, 137, 148 |
| HSL | 168.0, 30.4%, 64.5% | 348.0, 30.4%, 64.5% |
| HSV | 168.0, 28.6%, 75.3% | 348.0, 28.6%, 75.3% |
| CMYK | 28.6%, 0.0%, 5.7%, 24.7% | 0.0%, 28.6%, 22.9%, 24.7% |
| OKLCH | 0.7664 0.0595 180.9 | 0.6872 0.0687 5.8 |
コントラストとアクセシビリティ
1.42:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C08994 → 背景色: #89C0B5
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #89C0B5 → 背景色: #C08994
色差 (Delta E)
44.31
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #89C0B5, #C08994);
background: linear-gradient(135deg, #89C0B5, #C08994);