#E4FDF3
#E4FDF3
#FDE4EE
#FDE4EE
カラー値
| フォーマット | #E4FDF3 | #FDE4EE |
|---|---|---|
| HEX | #E4FDF3 | #FDE4EE |
| RGB | 228, 253, 243 | 253, 228, 238 |
| HSL | 156.0, 86.2%, 94.3% | 336.0, 86.2%, 94.3% |
| HSV | 156.0, 9.9%, 99.2% | 336.0, 9.9%, 99.2% |
| CMYK | 9.9%, 0.0%, 4.0%, 0.8% | 0.0%, 9.9%, 5.9%, 0.8% |
| OKLCH | 0.9731 0.0292 169.7 | 0.9419 0.0302 351.5 |
コントラストとアクセシビリティ
1.12:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FDE4EE → 背景色: #E4FDF3
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #E4FDF3 → 背景色: #FDE4EE
色差 (Delta E)
20.98
Noticeable
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #E4FDF3, #FDE4EE);
background: linear-gradient(135deg, #E4FDF3, #FDE4EE);