#ADECAD

#ADECAD

#ECADEC

#ECADEC

コントラスト比

1.31:1

Delta E

80.67

Very Different

50:50 ミックス

#D1CFCD

カラー値

フォーマット #ADECAD #ECADEC
HEX #ADECAD #ECADEC
RGB 173, 236, 173 236, 173, 236
HSL 120.0, 62.4%, 80.2% 300.0, 62.4%, 80.2%
HSV 120.0, 26.7%, 92.5% 300.0, 26.7%, 92.5%
CMYK 26.7%, 0.0%, 26.7%, 7.5% 0.0%, 26.7%, 0.0%, 7.5%
OKLCH 0.8845 0.1066 144.6 0.8263 0.1099 326.5

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

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECADEC → 背景色: #ADECAD

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

テキスト: #ADECAD → 背景色: #ECADEC

色差 (Delta E)

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

グラデーション

#ADECAD #BAE3B8 #C6D9C3 #D1CFCD #DBC4D8 #E4B9E2 #ECADEC

カラーミキシング

#ADECAD

100%

#C1DEBD

75:25

#D1CFCD

50:50

#DFBEDD

25:75

#ECADEC

100%

CSSグラデーションコード

background: linear-gradient(to right, #ADECAD, #ECADEC);
background: linear-gradient(135deg, #ADECAD, #ECADEC);

各色を詳しく見る

#ADECAD

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

#ECADEC

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

関連する比較