#C7D0DC

#C7D0DC

#DCD3C7

#DCD3C7

对比度

1.05:1

Delta E

14.25

Noticeable

50:50 混合

#D2D1D2

颜色值

格式 #C7D0DC #DCD3C7
HEX #C7D0DC #DCD3C7
RGB 199, 208, 220 220, 211, 199
HSL 214.3, 23.1%, 82.2% 34.3, 23.1%, 82.2%
HSV 214.3, 9.5%, 86.3% 34.3, 9.5%, 86.3%
CMYK 9.5%, 5.5%, 0.0%, 13.7% 0.0%, 4.1%, 9.5%, 13.7%
OKLCH 0.8543 0.0193 255.5 0.8708 0.0191 75.3

对比度与无障碍

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCD3C7 → 背景色: #C7D0DC

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

文本: #C7D0DC → 背景色: #DCD3C7

色差 (Delta E)

14.25 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#C7D0DC #CBD0D9 #CED1D5 #D2D1D2 #D5D2CE #D9D2CB #DCD3C7

颜色混合

#C7D0DC

100%

#CDD1D7

75:25

#D2D1D2

50:50

#D7D2CC

25:75

#DCD3C7

100%

CSS渐变代码

background: linear-gradient(to right, #C7D0DC, #DCD3C7);
background: linear-gradient(135deg, #C7D0DC, #DCD3C7);

探索每种颜色

#C7D0DC

查看完整颜色详情

#DCD3C7

查看完整颜色详情

相关比较