#9ABDDF

#9ABDDF

#DFBC9A

#DFBC9A

对比度

1.1:1

Delta E

44.32

Very Different

50:50 混合

#C2BCBD

颜色值

格式 #9ABDDF #DFBC9A
HEX #9ABDDF #DFBC9A
RGB 154, 189, 223 223, 188, 154
HSL 209.6, 51.9%, 73.9% 29.6, 51.9%, 73.9%
HSV 209.6, 30.9%, 87.5% 29.6, 30.9%, 87.5%
CMYK 30.9%, 15.2%, 0.0%, 12.5% 0.0%, 15.7%, 30.9%, 12.5%
OKLCH 0.7845 0.0617 247.9 0.8172 0.0609 66.0

对比度与无障碍

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFBC9A → 背景色: #9ABDDF

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

文本: #9ABDDF → 背景色: #DFBC9A

色差 (Delta E)

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

渐变

#9ABDDF #A9BDD4 #B6BDC8 #C2BCBD #CCBCB1 #D6BCA6 #DFBC9A

颜色混合

#9ABDDF

100%

#B0BDCE

75:25

#C2BCBD

50:50

#D1BCAB

25:75

#DFBC9A

100%

CSS渐变代码

background: linear-gradient(to right, #9ABDDF, #DFBC9A);
background: linear-gradient(135deg, #9ABDDF, #DFBC9A);

探索每种颜色

#9ABDDF

查看完整颜色详情

#DFBC9A

查看完整颜色详情

相关比较