#B2DBD9

#B2DBD9

#DBB2B4

#DBB2B4

对比度

1.27:1

Delta E

31.11

Very Different

50:50 混合

#C9C7C6

颜色值

格式 #B2DBD9 #DBB2B4
HEX #B2DBD9 #DBB2B4
RGB 178, 219, 217 219, 178, 180
HSL 177.1, 36.3%, 77.8% 357.1, 36.3%, 77.8%
HSV 177.1, 18.7%, 85.9% 357.1, 18.7%, 85.9%
CMYK 18.7%, 0.0%, 0.9%, 14.1% 0.0%, 18.7%, 17.8%, 14.1%
OKLCH 0.8617 0.043 192.7 0.8005 0.0477 14.9

对比度与无障碍

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

文本可读性

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

文本: #DBB2B4 → 背景色: #B2DBD9

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

文本: #B2DBD9 → 背景色: #DBB2B4

色差 (Delta E)

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

渐变

#B2DBD9 #BAD4D3 #C2CECC #C9C7C6 #D0C0C0 #D6B9BA #DBB2B4

颜色混合

#B2DBD9

100%

#BED1D0

75:25

#C9C7C6

50:50

#D3BDBD

25:75

#DBB2B4

100%

CSS渐变代码

background: linear-gradient(to right, #B2DBD9, #DBB2B4);
background: linear-gradient(135deg, #B2DBD9, #DBB2B4);

探索每种颜色

#B2DBD9

查看完整颜色详情

#DBB2B4

查看完整颜色详情

相关比较