#B2D6FF

#B2D6FF

#FFDBB2

#FFDBB2

对比度

1.15:1

Delta E

49.81

Very Different

50:50 混合

#DED8D9

颜色值

格式 #B2D6FF #FFDBB2
HEX #B2D6FF #FFDBB2
RGB 178, 214, 255 255, 219, 178
HSL 211.9, 100.0%, 84.9% 31.9, 100.0%, 84.9%
HSV 211.9, 30.2%, 100.0% 31.9, 30.2%, 100.0%
CMYK 30.2%, 16.1%, 0.0%, 0.0% 0.0%, 14.1%, 30.2%, 0.0%
OKLCH 0.864 0.0689 251.9 0.9117 0.0668 70.5

对比度与无障碍

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FFDBB2 → 背景色: #B2D6FF

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

文本: #B2D6FF → 背景色: #FFDBB2

色差 (Delta E)

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

渐变

#B2D6FF #C2D7F2 #D1D8E6 #DED8D9 #EAD9CC #F5DABF #FFDBB2

颜色混合

#B2D6FF

100%

#CAD7EC

75:25

#DED8D9

50:50

#F0DAC6

25:75

#FFDBB2

100%

CSS渐变代码

background: linear-gradient(to right, #B2D6FF, #FFDBB2);
background: linear-gradient(135deg, #B2D6FF, #FFDBB2);

探索每种颜色

#B2D6FF

查看完整颜色详情

#FFDBB2

查看完整颜色详情

相关比较