#ABCFF8
#ABCFF8
#F8D4AB
#F8D4AB
カラー値
| フォーマット | #ABCFF8 | #F8D4AB |
|---|---|---|
| HEX | #ABCFF8 | #F8D4AB |
| RGB | 171, 207, 248 | 248, 212, 171 |
| HSL | 211.9, 84.6%, 82.2% | 31.9, 84.6%, 82.2% |
| HSV | 211.9, 31.0%, 97.3% | 31.9, 31.0%, 97.3% |
| CMYK | 31.0%, 16.5%, 0.0%, 2.7% | 0.0%, 14.5%, 31.0%, 2.7% |
| OKLCH | 0.8425 0.0693 251.9 | 0.8904 0.0672 70.4 |
コントラストとアクセシビリティ
1.15:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #F8D4AB → 背景色: #ABCFF8
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #ABCFF8 → 背景色: #F8D4AB
色差 (Delta E)
50.09
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #ABCFF8, #F8D4AB);
background: linear-gradient(135deg, #ABCFF8, #F8D4AB);