#B8BDDF

#B8BDDF

#DFDAB8

#DFDAB8

对比度

1.31:1

Delta E

37.28

Very Different

50:50 混合

#CDCBCC

颜色值

格式 #B8BDDF #DFDAB8
HEX #B8BDDF #DFDAB8
RGB 184, 189, 223 223, 218, 184
HSL 232.3, 37.9%, 79.8% 52.3, 37.9%, 79.8%
HSV 232.3, 17.5%, 87.5% 52.3, 17.5%, 87.5%
CMYK 17.5%, 15.2%, 0.0%, 12.5% 0.0%, 2.2%, 17.5%, 12.5%
OKLCH 0.8056 0.0482 278.7 0.8835 0.0455 100.4

对比度与无障碍

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDAB8 → 背景色: #B8BDDF

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

文本: #B8BDDF → 背景色: #DFDAB8

色差 (Delta E)

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

渐变

#B8BDDF #BFC2D9 #C6C6D2 #CDCBCC #D3D0C5 #D9D5BF #DFDAB8

颜色混合

#B8BDDF

100%

#C3C4D6

75:25

#CDCBCC

50:50

#D6D3C2

25:75

#DFDAB8

100%

CSS渐变代码

background: linear-gradient(to right, #B8BDDF, #DFDAB8);
background: linear-gradient(135deg, #B8BDDF, #DFDAB8);

探索每种颜色

#B8BDDF

查看完整颜色详情

#DFDAB8

查看完整颜色详情

相关比较