#A2C9DA

#A2C9DA

#DAB3A2

#DAB3A2

对比度

1.09:1

Delta E

33.84

Very Different

50:50 混合

#C2BEBE

颜色值

格式 #A2C9DA #DAB3A2
HEX #A2C9DA #DAB3A2
RGB 162, 201, 218 218, 179, 162
HSL 198.2, 43.1%, 74.5% 18.2, 43.1%, 74.5%
HSV 198.2, 25.7%, 85.5% 18.2, 25.7%, 85.5%
CMYK 25.7%, 7.8%, 0.0%, 14.5% 0.0%, 17.9%, 25.7%, 14.5%
OKLCH 0.8133 0.0478 226.3 0.7968 0.0513 44.8

对比度与无障碍

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DAB3A2 → 背景色: #A2C9DA

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

文本: #A2C9DA → 背景色: #DAB3A2

色差 (Delta E)

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

渐变

#A2C9DA #AEC5D1 #B8C2C7 #C2BEBE #CBBBB5 #D3B7AB #DAB3A2

颜色混合

#A2C9DA

100%

#B3C4CC

75:25

#C2BEBE

50:50

#CFB9B0

25:75

#DAB3A2

100%

CSS渐变代码

background: linear-gradient(to right, #A2C9DA, #DAB3A2);
background: linear-gradient(135deg, #A2C9DA, #DAB3A2);

探索每种颜色

#A2C9DA

查看完整颜色详情

#DAB3A2

查看完整颜色详情

相关比较