#ABD3DB

#ABD3DB

#DBB3AB

#DBB3AB

对比度

1.18:1

Delta E

30.91

Very Different

50:50 混合

#C6C3C3

颜色值

格式 #ABD3DB #DBB3AB
HEX #ABD3DB #DBB3AB
RGB 171, 211, 219 219, 179, 171
HSL 190.0, 40.0%, 76.5% 10.0, 40.0%, 76.5%
HSV 190.0, 21.9%, 85.9% 10.0, 21.9%, 85.9%
CMYK 21.9%, 3.7%, 0.0%, 14.1% 0.0%, 18.3%, 21.9%, 14.1%
OKLCH 0.8408 0.0435 211.2 0.8 0.0481 31.3

对比度与无障碍

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DBB3AB → 背景色: #ABD3DB

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

文本: #ABD3DB → 背景色: #DBB3AB

色差 (Delta E)

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

渐变

#ABD3DB #B5CED3 #BEC9CB #C6C3C3 #CEBEBB #D5B9B3 #DBB3AB

颜色混合

#ABD3DB

100%

#BACBCF

75:25

#C6C3C3

50:50

#D1BBB7

25:75

#DBB3AB

100%

CSS渐变代码

background: linear-gradient(to right, #ABD3DB, #DBB3AB);
background: linear-gradient(135deg, #ABD3DB, #DBB3AB);

探索每种颜色

#ABD3DB

查看完整颜色详情

#DBB3AB

查看完整颜色详情

相关比较