#69A9DA

#69A9DA

#DA9A69

#DA9A69

对比度

1.06:1

Delta E

70.95

Very Different

50:50 混合

#B1A2A2

颜色值

格式 #69A9DA #DA9A69
HEX #69A9DA #DA9A69
RGB 105, 169, 218 218, 154, 105
HSL 206.0, 60.4%, 63.3% 26.0, 60.4%, 63.3%
HSV 206.0, 51.8%, 85.5% 26.0, 51.8%, 85.5%
CMYK 51.8%, 22.5%, 0.0%, 14.5% 0.0%, 29.4%, 51.8%, 14.5%
OKLCH 0.7111 0.0976 242.8 0.7377 0.1004 57.8

对比度与无障碍

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DA9A69 → 背景色: #69A9DA

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

文本: #69A9DA → 背景色: #DA9A69

色差 (Delta E)

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

渐变

#69A9DA #88A7C7 #9FA4B4 #B1A2A2 #C19F8F #CE9D7C #DA9A69

颜色混合

#69A9DA

100%

#94A5BE

75:25

#B1A2A2

50:50

#C89E86

25:75

#DA9A69

100%

CSS渐变代码

background: linear-gradient(to right, #69A9DA, #DA9A69);
background: linear-gradient(135deg, #69A9DA, #DA9A69);

探索每种颜色

#69A9DA

查看完整颜色详情

#DA9A69

查看完整颜色详情

相关比较