#B9DAF2

#B9DAF2

#F2D1B9

#F2D1B9

对比度

1.02:1

Delta E

34.33

Very Different

50:50 混合

#D9D6D6

颜色值

格式 #B9DAF2 #F2D1B9
HEX #B9DAF2 #F2D1B9
RGB 185, 218, 242 242, 209, 185
HSL 205.3, 68.7%, 83.7% 25.3, 68.7%, 83.7%
HSV 205.3, 23.6%, 94.9% 25.3, 23.6%, 94.9%
CMYK 23.6%, 9.9%, 0.0%, 5.1% 0.0%, 13.6%, 23.6%, 5.1%
OKLCH 0.8721 0.0483 239.7 0.8823 0.0492 58.1

对比度与无障碍

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2D1B9 → 背景色: #B9DAF2

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

文本: #B9DAF2 → 背景色: #F2D1B9

色差 (Delta E)

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

渐变

#B9DAF2 #C5D9E9 #CFD7DF #D9D6D6 #E2D4CC #EAD3C3 #F2D1B9

颜色混合

#B9DAF2

100%

#CAD8E4

75:25

#D9D6D6

50:50

#E6D3C7

25:75

#F2D1B9

100%

CSS渐变代码

background: linear-gradient(to right, #B9DAF2, #F2D1B9);
background: linear-gradient(135deg, #B9DAF2, #F2D1B9);

探索每种颜色

#B9DAF2

查看完整颜色详情

#F2D1B9

查看完整颜色详情

相关比较