#9FCFEC

#9FCFEC

#ECBC9F

#ECBC9F

对比度

1.03:1

Delta E

46.19

Very Different

50:50 混合

#CCC6C5

颜色值

格式 #9FCFEC #ECBC9F
HEX #9FCFEC #ECBC9F
RGB 159, 207, 236 236, 188, 159
HSL 202.6, 67.0%, 77.5% 22.6, 67.0%, 77.5%
HSV 202.6, 32.6%, 92.5% 22.6, 32.6%, 92.5%
CMYK 32.6%, 12.3%, 0.0%, 7.5% 0.0%, 20.3%, 32.6%, 7.5%
OKLCH 0.8306 0.0646 235.1 0.8307 0.068 52.6

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECBC9F → 背景色: #9FCFEC

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

文本: #9FCFEC → 背景色: #ECBC9F

色差 (Delta E)

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

渐变

#9FCFEC #B0CCDF #BFC9D2 #CCC6C5 #D8C3B9 #E2BFAC #ECBC9F

颜色混合

#9FCFEC

100%

#B8CAD9

75:25

#CCC6C5

50:50

#DDC1B2

25:75

#ECBC9F

100%

CSS渐变代码

background: linear-gradient(to right, #9FCFEC, #ECBC9F);
background: linear-gradient(135deg, #9FCFEC, #ECBC9F);

探索每种颜色

#9FCFEC

查看完整颜色详情

#ECBC9F

查看完整颜色详情

相关比较