#EDF4F3

#EDF4F3

#F4EDEE

#F4EDEE

コントラスト比

1.04:1

Delta E

5.23

Noticeable

50:50 ミックス

#F1F1F0

カラー値

フォーマット #EDF4F3 #F4EDEE
HEX #EDF4F3 #F4EDEE
RGB 237, 244, 243 244, 237, 238
HSL 171.4, 24.1%, 94.3% 351.4, 24.1%, 94.3%
HSV 171.4, 2.9%, 95.7% 351.4, 2.9%, 95.7%
CMYK 2.9%, 0.0%, 0.4%, 4.3% 0.0%, 2.9%, 2.5%, 4.3%
OKLCH 0.9616 0.0075 186.9 0.9518 0.0077 7.3

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

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4EDEE → 背景色: #EDF4F3

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

テキスト: #EDF4F3 → 背景色: #F4EDEE

色差 (Delta E)

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

グラデーション

#EDF4F3 #EEF3F2 #EFF2F1 #F1F1F0 #F2EFF0 #F3EEEF #F4EDEE

カラーミキシング

#EDF4F3

100%

#EFF2F2

75:25

#F1F1F0

50:50

#F2EFEF

25:75

#F4EDEE

100%

CSSグラデーションコード

background: linear-gradient(to right, #EDF4F3, #F4EDEE);
background: linear-gradient(135deg, #EDF4F3, #F4EDEE);

各色を詳しく見る

#EDF4F3

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

#F4EDEE

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

関連する比較