#ECF6F0

#ECF6F0

#F6ECF2

#F6ECF2

コントラスト比

1.04:1

Delta E

9.57

Noticeable

50:50 ミックス

#F1F1F1

カラー値

フォーマット #ECF6F0 #F6ECF2
HEX #ECF6F0 #F6ECF2
RGB 236, 246, 240 246, 236, 242
HSL 144.0, 35.7%, 94.5% 324.0, 35.7%, 94.5%
HSV 144.0, 4.1%, 96.5% 324.0, 4.1%, 96.5%
CMYK 4.1%, 0.0%, 2.4%, 3.5% 0.0%, 4.1%, 1.6%, 3.5%
OKLCH 0.964 0.0132 159.9 0.9526 0.0133 340.5

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

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

テキスト読みやすさ

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

テキスト: #F6ECF2 → 背景色: #ECF6F0

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

テキスト: #ECF6F0 → 背景色: #F6ECF2

色差 (Delta E)

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

グラデーション

#ECF6F0 #EEF4F0 #EFF3F1 #F1F1F1 #F3EFF1 #F4EEF2 #F6ECF2

カラーミキシング

#ECF6F0

100%

#EFF4F0

75:25

#F1F1F1

50:50

#F4EFF1

25:75

#F6ECF2

100%

CSSグラデーションコード

background: linear-gradient(to right, #ECF6F0, #F6ECF2);
background: linear-gradient(135deg, #ECF6F0, #F6ECF2);

各色を詳しく見る

#ECF6F0

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

#F6ECF2

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

関連する比較