#9EBADE

#9EBADE

#DEC29E

#DEC29E

对比度

1.17:1

Delta E

43.64

Very Different

50:50 混合

#C2BEBE

颜色值

格式 #9EBADE #DEC29E
HEX #9EBADE #DEC29E
RGB 158, 186, 222 222, 194, 158
HSL 213.8, 49.2%, 74.5% 33.7, 49.2%, 74.5%
HSV 213.8, 28.8%, 87.1% 33.7, 28.8%, 87.1%
CMYK 28.8%, 16.2%, 0.0%, 12.9% 0.0%, 12.6%, 28.8%, 12.9%
OKLCH 0.7804 0.0601 254.8 0.8289 0.0577 73.8

对比度与无障碍

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DEC29E → 背景色: #9EBADE

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

文本: #9EBADE → 背景色: #DEC29E

色差 (Delta E)

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

渐变

#9EBADE #ABBBD3 #B7BDC9 #C2BEBE #CCBFB4 #D5C1A9 #DEC29E

颜色混合

#9EBADE

100%

#B2BCCE

75:25

#C2BEBE

50:50

#D1C0AE

25:75

#DEC29E

100%

CSS渐变代码

background: linear-gradient(to right, #9EBADE, #DEC29E);
background: linear-gradient(135deg, #9EBADE, #DEC29E);

探索每种颜色

#9EBADE

查看完整颜色详情

#DEC29E

查看完整颜色详情

相关比较