#ABDCD3

#ABDCD3

#DCABB4

#DCABB4

对比度

1.32:1

Delta E

38.25

Very Different

50:50 混合

#C7C4C3

颜色值

格式 #ABDCD3 #DCABB4
HEX #ABDCD3 #DCABB4
RGB 171, 220, 211 220, 171, 180
HSL 169.0, 41.2%, 76.7% 349.0, 41.2%, 76.7%
HSV 169.0, 22.3%, 86.3% 349.0, 22.3%, 86.3%
CMYK 22.3%, 0.0%, 4.1%, 13.7% 0.0%, 22.3%, 18.2%, 13.7%
OKLCH 0.8576 0.0523 182.6 0.7884 0.0585 6.2

对比度与无障碍

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCABB4 → 背景色: #ABDCD3

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

文本: #ABDCD3 → 背景色: #DCABB4

色差 (Delta E)

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

渐变

#ABDCD3 #B5D4CE #BFCCC9 #C7C4C3 #CFBCBE #D6B4B9 #DCABB4

颜色混合

#ABDCD3

100%

#BAD0CB

75:25

#C7C4C3

50:50

#D2B8BC

25:75

#DCABB4

100%

CSS渐变代码

background: linear-gradient(to right, #ABDCD3, #DCABB4);
background: linear-gradient(135deg, #ABDCD3, #DCABB4);

探索每种颜色

#ABDCD3

查看完整颜色详情

#DCABB4

查看完整颜色详情

相关比较