#A7C2AB
#A7C2AB
#C2A7BE
#C2A7BE
カラー値
| フォーマット | #A7C2AB | #C2A7BE |
|---|---|---|
| HEX | #A7C2AB | #C2A7BE |
| RGB | 167, 194, 171 | 194, 167, 190 |
| HSL | 128.9, 18.1%, 70.8% | 308.9, 18.1%, 70.8% |
| HSV | 128.9, 13.9%, 76.1% | 308.9, 13.9%, 76.1% |
| CMYK | 13.9%, 0.0%, 11.9%, 23.9% | 0.0%, 13.9%, 2.1%, 23.9% |
| OKLCH | 0.7874 0.0435 149.4 | 0.7591 0.0444 330.9 |
コントラストとアクセシビリティ
1.14:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C2A7BE → 背景色: #A7C2AB
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #A7C2AB → 背景色: #C2A7BE
色差 (Delta E)
32.4
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #A7C2AB, #C2A7BE);
background: linear-gradient(135deg, #A7C2AB, #C2A7BE);