#ADECB9

#ADECB9

#ECADE0

#ECADE0

コントラスト比

1.33:1

Delta E

70.92

Very Different

50:50 ミックス

#D1CECD

カラー値

フォーマット #ADECB9 #ECADE0
HEX #ADECB9 #ECADE0
RGB 173, 236, 185 236, 173, 224
HSL 131.4, 62.4%, 80.2% 311.4, 62.4%, 80.2%
HSV 131.4, 26.7%, 92.5% 311.4, 26.7%, 92.5%
CMYK 26.7%, 0.0%, 21.6%, 7.5% 0.0%, 26.7%, 5.1%, 7.5%
OKLCH 0.8872 0.0945 150.0 0.8219 0.0986 333.3

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

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECADE0 → 背景色: #ADECB9

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

テキスト: #ADECB9 → 背景色: #ECADE0

色差 (Delta E)

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

グラデーション

#ADECB9 #BAE2C0 #C6D9C6 #D1CECD #DBC4D3 #E4B9DA #ECADE0

カラーミキシング

#ADECB9

100%

#C0DEC3

75:25

#D1CECD

50:50

#DFBED7

25:75

#ECADE0

100%

CSSグラデーションコード

background: linear-gradient(to right, #ADECB9, #ECADE0);
background: linear-gradient(135deg, #ADECB9, #ECADE0);

各色を詳しく見る

#ADECB9

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

#ECADE0

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

関連する比較