#6373C9

#6373C9

#C9B963

#C9B963

对比度

2.2:1

Delta E

97.99

Very Different

50:50 混合

#A39499

颜色值

格式 #6373C9 #C9B963
HEX #6373C9 #C9B963
RGB 99, 115, 201 201, 185, 99
HSL 230.6, 48.6%, 58.8% 50.6, 48.6%, 58.8%
HSV 230.6, 50.7%, 78.8% 50.6, 50.7%, 78.8%
CMYK 50.7%, 42.8%, 0.0%, 21.2% 0.0%, 8.0%, 50.7%, 21.2%
OKLCH 0.5829 0.1327 273.6 0.7811 0.1088 99.0

对比度与无障碍

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C9B963 → 背景色: #6373C9

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

文本: #6373C9 → 背景色: #C9B963

色差 (Delta E)

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

渐变

#6373C9 #7E7EB9 #9289AA #A39499 #B1A089 #BEAD77 #C9B963

颜色混合

#6373C9

100%

#8883B2

75:25

#A39499

50:50

#B8A680

25:75

#C9B963

100%

CSS渐变代码

background: linear-gradient(to right, #6373C9, #C9B963);
background: linear-gradient(135deg, #6373C9, #C9B963);

探索每种颜色

#6373C9

查看完整颜色详情

#C9B963

查看完整颜色详情

相关比较