#ADE1EE

#ADE1EE

#EEBAAD

#EEBAAD

コントラスト比

1.21:1

Delta E

40.39

Very Different

50:50 ミックス

#D3CECD

カラー値

フォーマット #ADE1EE #EEBAAD
HEX #ADE1EE #EEBAAD
RGB 173, 225, 238 238, 186, 173
HSL 192.0, 65.7%, 80.6% 12.0, 65.7%, 80.6%
HSV 192.0, 27.3%, 93.3% 12.0, 27.3%, 93.3%
CMYK 27.3%, 5.5%, 0.0%, 6.7% 0.0%, 21.8%, 27.3%, 6.7%
OKLCH 0.878 0.0562 214.8 0.8322 0.0632 34.4

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEBAAD → 背景色: #ADE1EE

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

テキスト: #ADE1EE → 背景色: #EEBAAD

色差 (Delta E)

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

グラデーション

#ADE1EE #BBDBE3 #C8D4D8 #D3CECD #DDC7C2 #E6C1B8 #EEBAAD

カラーミキシング

#ADE1EE

100%

#C2D8DE

75:25

#D3CECD

50:50

#E2C4BD

25:75

#EEBAAD

100%

CSSグラデーションコード

background: linear-gradient(to right, #ADE1EE, #EEBAAD);
background: linear-gradient(135deg, #ADE1EE, #EEBAAD);

各色を詳しく見る

#ADE1EE

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

#EEBAAD

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

関連する比較