#ADE8F5

#ADE8F5

#F5BAAD

#F5BAAD

对比度

1.25:1

Delta E

45.16

Very Different

50:50 混合

#D8D2D1

颜色值

格式 #ADE8F5 #F5BAAD
HEX #ADE8F5 #F5BAAD
RGB 173, 232, 245 245, 186, 173
HSL 190.8, 78.3%, 82.0% 10.8, 78.3%, 82.0%
HSV 190.8, 29.4%, 96.1% 10.8, 29.4%, 96.1%
CMYK 29.4%, 5.3%, 0.0%, 3.9% 0.0%, 24.1%, 29.4%, 3.9%
OKLCH 0.8952 0.0622 212.8 0.8392 0.0712 32.7

对比度与无障碍

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

文本可读性

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

文本: #F5BAAD → 背景色: #ADE8F5

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

文本: #ADE8F5 → 背景色: #F5BAAD

色差 (Delta E)

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

渐变

#ADE8F5 #BDE1E9 #CCD9DD #D8D2D1 #E3CAC5 #ECC2B9 #F5BAAD

颜色混合

#ADE8F5

100%

#C5DDE3

75:25

#D8D2D1

50:50

#E8C6BF

25:75

#F5BAAD

100%

CSS渐变代码

background: linear-gradient(to right, #ADE8F5, #F5BAAD);
background: linear-gradient(135deg, #ADE8F5, #F5BAAD);

探索每种颜色

#ADE8F5

查看完整颜色详情

#F5BAAD

查看完整颜色详情

相关比较