#ABCEB9
#ABCEB9
#CEABC0
#CEABC0
カラー値
| フォーマット | #ABCEB9 | #CEABC0 |
|---|---|---|
| HEX | #ABCEB9 | #CEABC0 |
| RGB | 171, 206, 185 | 206, 171, 192 |
| HSL | 144.0, 26.3%, 73.9% | 324.0, 26.3%, 73.9% |
| HSV | 144.0, 17.0%, 80.8% | 324.0, 17.0%, 80.8% |
| CMYK | 17.0%, 0.0%, 10.2%, 19.2% | 0.0%, 17.0%, 6.8%, 19.2% |
| OKLCH | 0.82 0.0474 158.8 | 0.7785 0.0494 341.6 |
コントラストとアクセシビリティ
1.2:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CEABC0 → 背景色: #ABCEB9
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #ABCEB9 → 背景色: #CEABC0
色差 (Delta E)
34.9
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #ABCEB9, #CEABC0);
background: linear-gradient(135deg, #ABCEB9, #CEABC0);