#AFD8DC

#AFD8DC

#DCB3AF

#DCB3AF

对比度

1.23:1

Delta E

31.01

Very Different

50:50 混合

#C9C6C5

颜色值

格式 #AFD8DC #DCB3AF
HEX #AFD8DC #DCB3AF
RGB 175, 216, 220 220, 179, 175
HSL 185.3, 39.1%, 77.5% 5.3, 39.1%, 77.5%
HSV 185.3, 20.5%, 86.3% 5.3, 20.5%, 86.3%
CMYK 20.5%, 1.8%, 0.0%, 13.7% 0.0%, 18.6%, 20.5%, 13.7%
OKLCH 0.8543 0.0433 203.7 0.802 0.0482 24.7

对比度与无障碍

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCB3AF → 背景色: #AFD8DC

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

文本: #AFD8DC → 背景色: #DCB3AF

色差 (Delta E)

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

渐变

#AFD8DC #B8D2D4 #C1CCCD #C9C6C5 #D0C0BE #D6B9B6 #DCB3AF

颜色混合

#AFD8DC

100%

#BDCFD1

75:25

#C9C6C5

50:50

#D3BDBA

25:75

#DCB3AF

100%

CSS渐变代码

background: linear-gradient(to right, #AFD8DC, #DCB3AF);
background: linear-gradient(135deg, #AFD8DC, #DCB3AF);

探索每种颜色

#AFD8DC

查看完整颜色详情

#DCB3AF

查看完整颜色详情

相关比较