#678CDB

#678CDB

#DBB667

#DBB667

对比度

1.72:1

Delta E

90.95

Very Different

50:50 混合

#B0A0A3

颜色值

格式 #678CDB #DBB667
HEX #678CDB #DBB667
RGB 103, 140, 219 219, 182, 103
HSL 220.9, 61.7%, 63.1% 40.9, 61.7%, 63.1%
HSV 220.9, 53.0%, 85.9% 40.9, 53.0%, 85.9%
CMYK 53.0%, 36.1%, 0.0%, 14.1% 0.0%, 16.9%, 53.0%, 14.1%
OKLCH 0.6475 0.1259 264.2 0.7925 0.1069 84.9

对比度与无障碍

1.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DBB667 → 背景色: #678CDB

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

文本: #678CDB → 背景色: #DBB667

色差 (Delta E)

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

渐变

#678CDB #8692C9 #9D99B6 #B0A0A3 #C0A790 #CEAE7C #DBB667

颜色混合

#678CDB

100%

#9295BF

75:25

#B0A0A3

50:50

#C7AB86

25:75

#DBB667

100%

CSS渐变代码

background: linear-gradient(to right, #678CDB, #DBB667);
background: linear-gradient(135deg, #678CDB, #DBB667);

探索每种颜色

#678CDB

查看完整颜色详情

#DBB667

查看完整颜色详情

相关比较