#ABD2D1

#ABD2D1

#D2ABAC

#D2ABAC

对比度

1.27:1

Delta E

29.78

Very Different

50:50 混合

#C1BFBE

颜色值

格式 #ABD2D1 #D2ABAC
HEX #ABD2D1 #D2ABAC
RGB 171, 210, 209 210, 171, 172
HSL 178.5, 30.2%, 74.7% 358.5, 30.2%, 74.7%
HSV 178.5, 18.6%, 82.4% 358.5, 18.6%, 82.4%
CMYK 18.6%, 0.0%, 0.5%, 17.6% 0.0%, 18.6%, 18.1%, 17.6%
OKLCH 0.8355 0.0411 194.5 0.7763 0.0457 16.5

对比度与无障碍

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D2ABAC → 背景色: #ABD2D1

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

文本: #ABD2D1 → 背景色: #D2ABAC

色差 (Delta E)

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

渐变

#ABD2D1 #B3CCCB #BAC5C5 #C1BFBE #C7B8B8 #CDB2B2 #D2ABAC

颜色混合

#ABD2D1

100%

#B7C9C8

75:25

#C1BFBE

50:50

#CAB5B5

25:75

#D2ABAC

100%

CSS渐变代码

background: linear-gradient(to right, #ABD2D1, #D2ABAC);
background: linear-gradient(135deg, #ABD2D1, #D2ABAC);

探索每种颜色

#ABD2D1

查看完整颜色详情

#D2ABAC

查看完整颜色详情

相关比较