#B0D9DA

#B0D9DA

#DAB1B0

#DAB1B0

对比度

1.26:1

Delta E

31.01

Very Different

50:50 混合

#C8C5C5

颜色值

格式 #B0D9DA #DAB1B0
HEX #B0D9DA #DAB1B0
RGB 176, 217, 218 218, 177, 176
HSL 181.4, 36.2%, 77.3% 1.4, 36.2%, 77.3%
HSV 181.4, 19.3%, 85.5% 1.4, 19.3%, 85.5%
CMYK 19.3%, 0.5%, 0.0%, 14.5% 0.0%, 18.8%, 19.3%, 14.5%
OKLCH 0.8564 0.0429 198.2 0.7966 0.0479 19.8

对比度与无障碍

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DAB1B0 → 背景色: #B0D9DA

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

文本: #B0D9DA → 背景色: #DAB1B0

色差 (Delta E)

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

渐变

#B0D9DA #B9D3D3 #C1CCCC #C8C5C5 #CEBFBE #D4B8B7 #DAB1B0

颜色混合

#B0D9DA

100%

#BDCFCF

75:25

#C8C5C5

50:50

#D2BBBA

25:75

#DAB1B0

100%

CSS渐变代码

background: linear-gradient(to right, #B0D9DA, #DAB1B0);
background: linear-gradient(135deg, #B0D9DA, #DAB1B0);

探索每种颜色

#B0D9DA

查看完整颜色详情

#DAB1B0

查看完整颜色详情

相关比较