#8EB5DB

#8EB5DB

#DBB48E

#DBB48E

对比度

1.12:1

Delta E

49.8

Very Different

50:50 混合

#BBB4B5

颜色值

格式 #8EB5DB #DBB48E
HEX #8EB5DB #DBB48E
RGB 142, 181, 219 219, 180, 142
HSL 209.6, 51.7%, 70.8% 29.6, 51.7%, 70.8%
HSV 209.6, 35.2%, 85.9% 29.6, 35.2%, 85.9%
CMYK 35.2%, 17.4%, 0.0%, 14.1% 0.0%, 17.8%, 35.2%, 14.1%
OKLCH 0.7583 0.0692 248.1 0.7952 0.0682 65.8

对比度与无障碍

1.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DBB48E → 背景色: #8EB5DB

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

文本: #8EB5DB → 背景色: #DBB48E

色差 (Delta E)

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

渐变

#8EB5DB #9FB5CE #AEB5C1 #BBB4B5 #C7B4A8 #D1B49B #DBB48E

颜色混合

#8EB5DB

100%

#A7B5C8

75:25

#BBB4B5

50:50

#CCB4A1

25:75

#DBB48E

100%

CSS渐变代码

background: linear-gradient(to right, #8EB5DB, #DBB48E);
background: linear-gradient(135deg, #8EB5DB, #DBB48E);

探索每种颜色

#8EB5DB

查看完整颜色详情

#DBB48E

查看完整颜色详情

相关比较