#ADE3FC

#ADE3FC

#FCC6AD

#FCC6AD

对比度

1.1:1

Delta E

46.58

Very Different

50:50 混合

#DBD5D4

颜色值

格式 #ADE3FC #FCC6AD
HEX #ADE3FC #FCC6AD
RGB 173, 227, 252 252, 198, 173
HSL 199.0, 92.9%, 83.3% 19.0, 92.9%, 83.3%
HSV 199.0, 31.3%, 98.8% 19.0, 31.3%, 98.8%
CMYK 31.3%, 9.9%, 0.0%, 1.2% 0.0%, 21.4%, 31.3%, 1.2%
OKLCH 0.8869 0.0651 228.1 0.8682 0.0707 46.1

对比度与无障碍

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #FCC6AD → 背景色: #ADE3FC

敏捷的棕色狐狸跳过了懒狗

文本: #ADE3FC → 背景色: #FCC6AD

色差 (Delta E)

46.58 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#ADE3FC #BFDEEF #CEDAE1 #DBD5D4 #E7D0C7 #F2CBBA #FCC6AD

颜色混合

#ADE3FC

100%

#C7DCE8

75:25

#DBD5D4

50:50

#EDCEC1

25:75

#FCC6AD

100%

CSS渐变代码

background: linear-gradient(to right, #ADE3FC, #FCC6AD);
background: linear-gradient(135deg, #ADE3FC, #FCC6AD);

探索每种颜色

#ADE3FC

查看完整颜色详情

#FCC6AD

查看完整颜色详情

相关比较