#ECFCFF

#ECFCFF

#FFEFEC

#FFEFEC

コントラスト比

1.06:1

Delta E

11.83

Noticeable

50:50 ミックス

#F6F6F5

カラー値

フォーマット #ECFCFF #FFEFEC
HEX #ECFCFF #FFEFEC
RGB 236, 252, 255 255, 239, 236
HSL 189.5, 100.0%, 96.3% 9.5, 100.0%, 96.3%
HSV 189.5, 7.5%, 100.0% 9.5, 7.5%, 100.0%
CMYK 7.5%, 1.2%, 0.0%, 0.0% 0.0%, 6.3%, 7.5%, 0.0%
OKLCH 0.9801 0.0173 210.2 0.9639 0.0179 30.3

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

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFEFEC → 背景色: #ECFCFF

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

テキスト: #ECFCFF → 背景色: #FFEFEC

色差 (Delta E)

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

グラデーション

#ECFCFF #EFFAFC #F3F8F9 #F6F6F5 #F9F3F2 #FCF1EF #FFEFEC

カラーミキシング

#ECFCFF

100%

#F1F9FA

75:25

#F6F6F5

50:50

#FBF2F1

25:75

#FFEFEC

100%

CSSグラデーションコード

background: linear-gradient(to right, #ECFCFF, #FFEFEC);
background: linear-gradient(135deg, #ECFCFF, #FFEFEC);

各色を詳しく見る

#ECFCFF

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

#FFEFEC

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

関連する比較