#E9F6DF

#E9F6DF

#ECDFF6

#ECDFF6

コントラスト比

1.14:1

Delta E

26.01

Very Different

50:50 ミックス

#EBEBEB

カラー値

フォーマット #E9F6DF #ECDFF6
HEX #E9F6DF #ECDFF6
RGB 233, 246, 223 236, 223, 246
HSL 93.9, 56.1%, 92.0% 273.9, 56.1%, 92.0%
HSV 93.9, 9.3%, 96.5% 273.9, 9.3%, 96.5%
CMYK 5.3%, 0.0%, 9.3%, 3.5% 4.1%, 9.3%, 0.0%, 3.5%
OKLCH 0.9573 0.0333 131.3 0.9208 0.0338 310.7

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

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECDFF6 → 背景色: #E9F6DF

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

テキスト: #E9F6DF → 背景色: #ECDFF6

色差 (Delta E)

26.01 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#E9F6DF #EAF2E3 #EAEEE7 #EBEBEB #EBE7EE #ECE3F2 #ECDFF6

カラーミキシング

#E9F6DF

100%

#EAF0E5

75:25

#EBEBEB

50:50

#ECE5F0

25:75

#ECDFF6

100%

CSSグラデーションコード

background: linear-gradient(to right, #E9F6DF, #ECDFF6);
background: linear-gradient(135deg, #E9F6DF, #ECDFF6);

各色を詳しく見る

#E9F6DF

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

#ECDFF6

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

関連する比較