#ADECB0

#ADECB0

#ECADE9

#ECADE9

コントラスト比

1.31:1

Delta E

78.17

Very Different

50:50 ミックス

#D1CECD

カラー値

フォーマット #ADECB0 #ECADE9
HEX #ADECB0 #ECADE9
RGB 173, 236, 176 236, 173, 233
HSL 122.9, 62.4%, 80.2% 302.9, 62.4%, 80.2%
HSV 122.9, 26.7%, 92.5% 302.9, 26.7%, 92.5%
CMYK 26.7%, 0.0%, 25.4%, 7.5% 0.0%, 26.7%, 1.3%, 7.5%
OKLCH 0.8852 0.1036 145.8 0.8252 0.107 328.1

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

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

テキスト読みやすさ

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

テキスト: #ECADE9 → 背景色: #ADECB0

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

テキスト: #ADECB0 → 背景色: #ECADE9

色差 (Delta E)

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

グラデーション

#ADECB0 #BAE2BA #C6D9C4 #D1CECD #DBC4D7 #E4B9E0 #ECADE9

カラーミキシング

#ADECB0

100%

#C0DEBF

75:25

#D1CECD

50:50

#DFBEDB

25:75

#ECADE9

100%

CSSグラデーションコード

background: linear-gradient(to right, #ADECB0, #ECADE9);
background: linear-gradient(135deg, #ADECB0, #ECADE9);

各色を詳しく見る

#ADECB0

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

#ECADE9

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

関連する比較