#E4F5FF

#E4F5FF

#FFEEE4

#FFEEE4

コントラスト比

1.01:1

Delta E

15.66

Noticeable

50:50 ミックス

#F2F2F1

カラー値

フォーマット #E4F5FF #FFEEE4
HEX #E4F5FF #FFEEE4
RGB 228, 245, 255 255, 238, 228
HSL 202.2, 100.0%, 94.7% 22.2, 100.0%, 94.7%
HSV 202.2, 10.6%, 100.0% 22.2, 10.6%, 100.0%
CMYK 10.6%, 3.9%, 0.0%, 0.0% 0.0%, 6.7%, 10.6%, 0.0%
OKLCH 0.9605 0.0225 233.4 0.9599 0.0228 52.7

コントラストとアクセシビリティ

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #FFEEE4 → 背景色: #E4F5FF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #E4F5FF → 背景色: #FFEEE4

色差 (Delta E)

15.66 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#E4F5FF #E9F4FA #EEF3F6 #F2F2F1 #F7F0ED #FBEFE8 #FFEEE4

カラーミキシング

#E4F5FF

100%

#EBF3F8

75:25

#F2F2F1

50:50

#F9F0EB

25:75

#FFEEE4

100%

CSSグラデーションコード

background: linear-gradient(to right, #E4F5FF, #FFEEE4);
background: linear-gradient(135deg, #E4F5FF, #FFEEE4);

各色を詳しく見る

#E4F5FF

カラーの詳細をすべて見る

#FFEEE4

カラーの詳細をすべて見る

関連する比較