#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

查看完整颜色详情

相关比较