#ECF5FC

#ECF5FC

#FCF3EC

#FCF3EC

コントラスト比

1.01:1

Delta E

9.5

Noticeable

50:50 ミックス

#F4F4F4

カラー値

フォーマット #ECF5FC #FCF3EC
HEX #ECF5FC #FCF3EC
RGB 236, 245, 252 252, 243, 236
HSL 206.2, 72.7%, 95.7% 26.2, 72.7%, 95.7%
HSV 206.2, 6.3%, 98.8% 26.2, 6.3%, 98.8%
CMYK 6.3%, 2.8%, 0.0%, 1.2% 0.0%, 3.6%, 6.3%, 1.2%
OKLCH 0.9654 0.0134 241.0 0.9692 0.0135 60.6

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

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

テキスト読みやすさ

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

テキスト: #FCF3EC → 背景色: #ECF5FC

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

テキスト: #ECF5FC → 背景色: #FCF3EC

色差 (Delta E)

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

グラデーション

#ECF5FC #EFF5F9 #F2F4F7 #F4F4F4 #F7F4F1 #F9F3EF #FCF3EC

カラーミキシング

#ECF5FC

100%

#F0F5F8

75:25

#F4F4F4

50:50

#F8F4F0

25:75

#FCF3EC

100%

CSSグラデーションコード

background: linear-gradient(to right, #ECF5FC, #FCF3EC);
background: linear-gradient(135deg, #ECF5FC, #FCF3EC);

各色を詳しく見る

#ECF5FC

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

#FCF3EC

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

関連する比較