#BABCDC

#BABCDC

#DCDABA

#DCDABA

对比度

1.31:1

Delta E

35.16

Very Different

50:50 混合

#CCCBCB

颜色值

格式 #BABCDC #DCDABA
HEX #BABCDC #DCDABA
RGB 186, 188, 220 220, 218, 186
HSL 236.5, 32.7%, 79.6% 56.5, 32.7%, 79.6%
HSV 236.5, 15.5%, 86.3% 56.5, 15.5%, 86.3%
CMYK 15.5%, 14.5%, 0.0%, 13.7% 0.0%, 0.9%, 15.5%, 13.7%
OKLCH 0.804 0.045 282.5 0.8816 0.0427 104.3

对比度与无障碍

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCDABA → 背景色: #BABCDC

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

文本: #BABCDC → 背景色: #DCDABA

色差 (Delta E)

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

渐变

#BABCDC #C0C1D7 #C6C6D1 #CCCBCB #D2D0C6 #D7D5C0 #DCDABA

颜色混合

#BABCDC

100%

#C3C3D4

75:25

#CCCBCB

50:50

#D4D2C3

25:75

#DCDABA

100%

CSS渐变代码

background: linear-gradient(to right, #BABCDC, #DCDABA);
background: linear-gradient(135deg, #BABCDC, #DCDABA);

探索每种颜色

#BABCDC

查看完整颜色详情

#DCDABA

查看完整颜色详情

相关比较