#BABADC

#BABADC

#DCDCBA

#DCDCBA

对比度

1.34:1

Delta E

37.45

Very Different

50:50 混合

#CCCBCB

颜色值

格式 #BABADC #DCDCBA
HEX #BABADC #DCDCBA
RGB 186, 186, 220 220, 220, 186
HSL 240.0, 32.7%, 79.6% 60.0, 32.7%, 79.6%
HSV 240.0, 15.5%, 86.3% 60.0, 15.5%, 86.3%
CMYK 15.5%, 15.5%, 0.0%, 13.7% 0.0%, 0.0%, 15.5%, 13.7%
OKLCH 0.8 0.0478 285.3 0.8857 0.0452 107.3

对比度与无障碍

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCDCBA → 背景色: #BABADC

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

文本: #BABADC → 背景色: #DCDCBA

色差 (Delta E)

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

渐变

#BABADC #C0C0D7 #C6C5D1 #CCCBCB #D2D1C6 #D7D6C0 #DCDCBA

颜色混合

#BABADC

100%

#C3C2D4

75:25

#CCCBCB

50:50

#D4D3C3

25:75

#DCDCBA

100%

CSS渐变代码

background: linear-gradient(to right, #BABADC, #DCDCBA);
background: linear-gradient(135deg, #BABADC, #DCDCBA);

探索每种颜色

#BABADC

查看完整颜色详情

#DCDCBA

查看完整颜色详情

相关比较