#BCECBD

#BCECBD

#ECBCEB

#ECBCEB

对比度

1.22:1

Delta E

60.64

Very Different

50:50 混合

#D7D5D4

颜色值

格式 #BCECBD #ECBCEB
HEX #BCECBD #ECBCEB
RGB 188, 236, 189 236, 188, 235
HSL 121.2, 55.8%, 83.1% 301.3, 55.8%, 83.1%
HSV 121.2, 20.3%, 92.5% 301.3, 20.3%, 92.5%
CMYK 20.3%, 0.0%, 19.9%, 7.5% 0.0%, 20.3%, 0.4%, 7.5%
OKLCH 0.8972 0.0806 145.4 0.8522 0.0825 326.9

对比度与无障碍

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECBCEB → 背景色: #BCECBD

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

文本: #BCECBD → 背景色: #ECBCEB

色差 (Delta E)

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

渐变

#BCECBD #C6E5C5 #CEDDCD #D7D5D4 #DECDDC #E5C5E4 #ECBCEB

颜色混合

#BCECBD

100%

#CAE1C9

75:25

#D7D5D4

50:50

#E2C9E0

25:75

#ECBCEB

100%

CSS渐变代码

background: linear-gradient(to right, #BCECBD, #ECBCEB);
background: linear-gradient(135deg, #BCECBD, #ECBCEB);

探索每种颜色

#BCECBD

查看完整颜色详情

#ECBCEB

查看完整颜色详情

相关比较