#AFD7DC

#AFD7DC

#DCB4AF

#DCB4AF

对比度

1.21:1

Delta E

30.35

Very Different

50:50 混合

#C9C6C5

颜色值

格式 #AFD7DC #DCB4AF
HEX #AFD7DC #DCB4AF
RGB 175, 215, 220 220, 180, 175
HSL 186.7, 39.1%, 77.5% 6.7, 39.1%, 77.5%
HSV 186.7, 20.5%, 86.3% 6.7, 20.5%, 86.3%
CMYK 20.5%, 2.3%, 0.0%, 13.7% 0.0%, 18.2%, 20.5%, 13.7%
OKLCH 0.8522 0.0425 205.7 0.8039 0.0472 26.5

对比度与无障碍

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCB4AF → 背景色: #AFD7DC

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

文本: #AFD7DC → 背景色: #DCB4AF

色差 (Delta E)

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

渐变

#AFD7DC #B8D1D4 #C1CCCD #C9C6C5 #D0C0BE #D6BAB6 #DCB4AF

颜色混合

#AFD7DC

100%

#BDCED1

75:25

#C9C6C5

50:50

#D3BDBA

25:75

#DCB4AF

100%

CSS渐变代码

background: linear-gradient(to right, #AFD7DC, #DCB4AF);
background: linear-gradient(135deg, #AFD7DC, #DCB4AF);

探索每种颜色

#AFD7DC

查看完整颜色详情

#DCB4AF

查看完整颜色详情

相关比较