#8DAAA3
#8DAAA3
#AA8D94
#AA8D94
カラー値
| フォーマット | #8DAAA3 | #AA8D94 |
|---|---|---|
| HEX | #8DAAA3 | #AA8D94 |
| RGB | 141, 170, 163 | 170, 141, 148 |
| HSL | 165.5, 14.6%, 61.0% | 345.5, 14.6%, 61.0% |
| HSV | 165.5, 17.1%, 66.7% | 345.5, 17.1%, 66.7% |
| CMYK | 17.1%, 0.0%, 4.1%, 33.3% | 0.0%, 17.1%, 12.9%, 33.3% |
| OKLCH | 0.714 0.0336 179.0 | 0.6721 0.0363 1.9 |
コントラストとアクセシビリティ
1.21:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #AA8D94 → 背景色: #8DAAA3
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #8DAAA3 → 背景色: #AA8D94
色差 (Delta E)
24.23
Noticeable
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #8DAAA3, #AA8D94);
background: linear-gradient(135deg, #8DAAA3, #AA8D94);