#ACE5FC
#ACE5FC
#FCC3AC
#FCC3AC
カラー値
| フォーマット | #ACE5FC | #FCC3AC |
|---|---|---|
| HEX | #ACE5FC | #FCC3AC |
| RGB | 172, 229, 252 | 252, 195, 172 |
| HSL | 197.2, 93.0%, 83.1% | 17.2, 93.0%, 83.1% |
| HSV | 197.2, 31.7%, 98.8% | 17.2, 31.7%, 98.8% |
| CMYK | 31.7%, 9.1%, 0.0%, 1.2% | 0.0%, 22.6%, 31.7%, 1.2% |
| OKLCH | 0.8906 0.066 224.7 | 0.8624 0.0729 43.0 |
コントラストとアクセシビリティ
1.13:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FCC3AC → 背景色: #ACE5FC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #ACE5FC → 背景色: #FCC3AC
色差 (Delta E)
47.42
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #ACE5FC, #FCC3AC);
background: linear-gradient(135deg, #ACE5FC, #FCC3AC);