#9ABFDF

#9ABFDF

#DFBA9A

#DFBA9A

对比度

1.07:1

Delta E

43.43

Very Different

50:50 混合

#C2BCBD

颜色值

格式 #9ABFDF #DFBA9A
HEX #9ABFDF #DFBA9A
RGB 154, 191, 223 223, 186, 154
HSL 207.8, 51.9%, 73.9% 27.8, 51.9%, 73.9%
HSV 207.8, 30.9%, 87.5% 27.8, 30.9%, 87.5%
CMYK 30.9%, 14.3%, 0.0%, 12.5% 0.0%, 16.6%, 30.9%, 12.5%
OKLCH 0.7887 0.0606 244.8 0.8133 0.0607 62.7

对比度与无障碍

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFBA9A → 背景色: #9ABFDF

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

文本: #9ABFDF → 背景色: #DFBA9A

色差 (Delta E)

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

渐变

#9ABFDF #A9BED4 #B6BDC8 #C2BCBD #CCBCB1 #D6BBA6 #DFBA9A

颜色混合

#9ABFDF

100%

#B0BECE

75:25

#C2BCBD

50:50

#D1BBAB

25:75

#DFBA9A

100%

CSS渐变代码

background: linear-gradient(to right, #9ABFDF, #DFBA9A);
background: linear-gradient(135deg, #9ABFDF, #DFBA9A);

探索每种颜色

#9ABFDF

查看完整颜色详情

#DFBA9A

查看完整颜色详情

相关比较