#ABCEE5

#ABCEE5

#E5C2AB

#E5C2AB

コントラスト比

1.0:1

Delta E

35.0

Very Different

50:50 ミックス

#CCC8C8

カラー値

フォーマット #ABCEE5 #E5C2AB
HEX #ABCEE5 #E5C2AB
RGB 171, 206, 229 229, 194, 171
HSL 203.8, 52.7%, 78.4% 23.8, 52.7%, 78.4%
HSV 203.8, 25.3%, 89.8% 23.8, 25.3%, 89.8%
CMYK 25.3%, 10.0%, 0.0%, 10.2% 0.0%, 15.3%, 25.3%, 10.2%
OKLCH 0.8335 0.0493 237.0 0.8382 0.0508 55.2

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

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #E5C2AB → 背景色: #ABCEE5

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

テキスト: #ABCEE5 → 背景色: #E5C2AB

色差 (Delta E)

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

グラデーション

#ABCEE5 #B7CCDB #C2CAD2 #CCC8C8 #D5C6BE #DDC4B5 #E5C2AB

カラーミキシング

#ABCEE5

100%

#BDCBD6

75:25

#CCC8C8

50:50

#D9C5B9

25:75

#E5C2AB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABCEE5, #E5C2AB);
background: linear-gradient(135deg, #ABCEE5, #E5C2AB);

各色を詳しく見る

#ABCEE5

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

#E5C2AB

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

関連する比較