#B4D9DA

#B4D9DA

#DAB5B4

#DAB5B4

对比度

1.23:1

Delta E

27.95

Very Different

50:50 混合

#C9C7C7

颜色值

格式 #B4D9DA #DAB5B4
HEX #B4D9DA #DAB5B4
RGB 180, 217, 218 218, 181, 180
HSL 181.6, 33.9%, 78.0% 1.6, 33.9%, 78.0%
HSV 181.6, 17.4%, 85.5% 1.6, 17.4%, 85.5%
CMYK 17.4%, 0.5%, 0.0%, 14.5% 0.0%, 17.0%, 17.4%, 14.5%
OKLCH 0.859 0.0389 198.5 0.8053 0.0429 19.9

对比度与无障碍

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

文本可读性

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

文本: #DAB5B4 → 背景色: #B4D9DA

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

文本: #B4D9DA → 背景色: #DAB5B4

色差 (Delta E)

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

渐变

#B4D9DA #BCD3D4 #C3CDCD #C9C7C7 #CFC1C1 #D5BBBA #DAB5B4

颜色混合

#B4D9DA

100%

#BFD0D0

75:25

#C9C7C7

50:50

#D2BEBD

25:75

#DAB5B4

100%

CSS渐变代码

background: linear-gradient(to right, #B4D9DA, #DAB5B4);
background: linear-gradient(135deg, #B4D9DA, #DAB5B4);

探索每种颜色

#B4D9DA

查看完整颜色详情

#DAB5B4

查看完整颜色详情

相关比较