#B1DCD3

#B1DCD3

#DCB1BA

#DCB1BA

对比度

1.27:1

Delta E

33.85

Very Different

50:50 混合

#C9C7C6

颜色值

格式 #B1DCD3 #DCB1BA
HEX #B1DCD3 #DCB1BA
RGB 177, 220, 211 220, 177, 186
HSL 167.4, 38.1%, 77.8% 347.4, 38.1%, 77.8%
HSV 167.4, 19.5%, 86.3% 347.4, 19.5%, 86.3%
CMYK 19.5%, 0.0%, 4.1%, 13.7% 0.0%, 19.5%, 15.5%, 13.7%
OKLCH 0.8614 0.0466 181.0 0.8013 0.0512 4.3

对比度与无障碍

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCB1BA → 背景色: #B1DCD3

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

文本: #B1DCD3 → 背景色: #DCB1BA

色差 (Delta E)

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

渐变

#B1DCD3 #BAD5CF #C2CECB #C9C7C6 #D0C0C2 #D6B9BE #DCB1BA

颜色混合

#B1DCD3

100%

#BED2CD

75:25

#C9C7C6

50:50

#D3BCC0

25:75

#DCB1BA

100%

CSS渐变代码

background: linear-gradient(to right, #B1DCD3, #DCB1BA);
background: linear-gradient(135deg, #B1DCD3, #DCB1BA);

探索每种颜色

#B1DCD3

查看完整颜色详情

#DCB1BA

查看完整颜色详情

相关比较