#A2ACE4

#A2ACE4

#E4DAA2

#E4DAA2

コントラスト比

1.55:1

Delta E

61.71

Very Different

50:50 ミックス

#C7C2C4

カラー値

フォーマット #A2ACE4 #E4DAA2
HEX #A2ACE4 #E4DAA2
RGB 162, 172, 228 228, 218, 162
HSL 230.9, 55.0%, 76.5% 50.9, 55.0%, 76.5%
HSV 230.9, 28.9%, 89.4% 50.9, 28.9%, 89.4%
CMYK 28.9%, 24.6%, 0.0%, 10.6% 0.0%, 4.4%, 28.9%, 10.6%
OKLCH 0.7568 0.0813 276.4 0.883 0.0735 99.2

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

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #E4DAA2 → 背景色: #A2ACE4

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

テキスト: #A2ACE4 → 背景色: #E4DAA2

色差 (Delta E)

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

グラデーション

#A2ACE4 #B0B3DA #BCBBCF #C7C2C4 #D2CAB9 #DBD2AE #E4DAA2

カラーミキシング

#A2ACE4

100%

#B6B7D4

75:25

#C7C2C4

50:50

#D6CEB3

25:75

#E4DAA2

100%

CSSグラデーションコード

background: linear-gradient(to right, #A2ACE4, #E4DAA2);
background: linear-gradient(135deg, #A2ACE4, #E4DAA2);

各色を詳しく見る

#A2ACE4

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

#E4DAA2

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

関連する比較