#B2DCDF

#B2DCDF

#DFB5B2

#DFB5B2

对比度

1.25:1

Delta E

31.63

Very Different

50:50 混合

#CCC9C8

颜色值

格式 #B2DCDF #DFB5B2
HEX #B2DCDF #DFB5B2
RGB 178, 220, 223 223, 181, 178
HSL 184.0, 41.3%, 78.6% 4.0, 41.3%, 78.6%
HSV 184.0, 20.2%, 87.5% 4.0, 20.2%, 87.5%
CMYK 20.2%, 1.3%, 0.0%, 12.5% 0.0%, 18.8%, 20.2%, 12.5%
OKLCH 0.8656 0.044 201.8 0.8095 0.0491 23.0

对比度与无障碍

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFB5B2 → 背景色: #B2DCDF

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

文本: #B2DCDF → 背景色: #DFB5B2

色差 (Delta E)

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

渐变

#B2DCDF #BBD6D7 #C4CFD0 #CCC9C8 #D3C2C1 #D9BCB9 #DFB5B2

颜色混合

#B2DCDF

100%

#C0D2D4

75:25

#CCC9C8

50:50

#D6BFBD

25:75

#DFB5B2

100%

CSS渐变代码

background: linear-gradient(to right, #B2DCDF, #DFB5B2);
background: linear-gradient(135deg, #B2DCDF, #DFB5B2);

探索每种颜色

#B2DCDF

查看完整颜色详情

#DFB5B2

查看完整颜色详情

相关比较