#DAF0EC
#DAF0EC
#F0DADE
#F0DADE
カラー値
| フォーマット | #DAF0EC | #F0DADE |
|---|---|---|
| HEX | #DAF0EC | #F0DADE |
| RGB | 218, 240, 236 | 240, 218, 222 |
| HSL | 169.1, 42.3%, 89.8% | 349.1, 42.3%, 89.8% |
| HSV | 169.1, 9.2%, 94.1% | 349.1, 9.2%, 94.1% |
| CMYK | 9.2%, 0.0%, 1.7%, 5.9% | 0.0%, 9.2%, 7.5%, 5.9% |
| OKLCH | 0.9379 0.0238 183.7 | 0.9074 0.0248 5.1 |
コントラストとアクセシビリティ
1.12:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #F0DADE → 背景色: #DAF0EC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #DAF0EC → 背景色: #F0DADE
色差 (Delta E)
16.78
Noticeable
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #DAF0EC, #F0DADE);
background: linear-gradient(135deg, #DAF0EC, #F0DADE);