#ADE3D5

#ADE3D5

#E3ADBB

#E3ADBB

コントラスト比

1.34:1

Delta E

43.17

Very Different

50:50 ミックス

#CCC9C8

カラー値

フォーマット #ADE3D5 #E3ADBB
HEX #ADE3D5 #E3ADBB
RGB 173, 227, 213 227, 173, 187
HSL 164.4, 49.1%, 78.4% 344.4, 49.1%, 78.4%
HSV 164.4, 23.8%, 89.0% 344.4, 23.8%, 89.0%
CMYK 23.8%, 0.0%, 6.2%, 11.0% 0.0%, 23.8%, 17.6%, 11.0%
OKLCH 0.8746 0.0587 177.2 0.801 0.0655 1.5

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

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #E3ADBB → 背景色: #ADE3D5

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

テキスト: #ADE3D5 → 背景色: #E3ADBB

色差 (Delta E)

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

グラデーション

#ADE3D5 #B8DAD1 #C3D2CC #CCC9C8 #D4C0C4 #DCB7BF #E3ADBB

カラーミキシング

#ADE3D5

100%

#BED6CE

75:25

#CCC9C8

50:50

#D8BBC1

25:75

#E3ADBB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ADE3D5, #E3ADBB);
background: linear-gradient(135deg, #ADE3D5, #E3ADBB);

各色を詳しく見る

#ADE3D5

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

#E3ADBB

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

関連する比較