#CDDCD3

#CDDCD3

#DCCDD6

#DCCDD6

对比度

1.07:1

Delta E

14.69

Noticeable

50:50 混合

#D5D5D5

颜色值

格式 #CDDCD3 #DCCDD6
HEX #CDDCD3 #DCCDD6
RGB 205, 220, 211 220, 205, 214
HSL 144.0, 17.6%, 83.3% 324.0, 17.6%, 83.3%
HSV 144.0, 6.8%, 86.3% 324.0, 6.8%, 86.3%
CMYK 6.8%, 0.0%, 4.1%, 13.7% 0.0%, 6.8%, 2.7%, 13.7%
OKLCH 0.8806 0.0202 159.7 0.8631 0.0205 340.8

对比度与无障碍

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCCDD6 → 背景色: #CDDCD3

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

文本: #CDDCD3 → 背景色: #DCCDD6

色差 (Delta E)

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

渐变

#CDDCD3 #D0DAD4 #D2D7D4 #D5D5D5 #D7D2D5 #DAD0D6 #DCCDD6

颜色混合

#CDDCD3

100%

#D1D8D4

75:25

#D5D5D5

50:50

#D8D1D5

25:75

#DCCDD6

100%

CSS渐变代码

background: linear-gradient(to right, #CDDCD3, #DCCDD6);
background: linear-gradient(135deg, #CDDCD3, #DCCDD6);

探索每种颜色

#CDDCD3

查看完整颜色详情

#DCCDD6

查看完整颜色详情

相关比较