#393DCA

#393DCA

#CAC639

#CAC639

对比度

4.32:1

Delta E

158.0

Very Different

50:50 混合

#9F7F8D

颜色值

格式 #393DCA #CAC639
HEX #393DCA #CAC639
RGB 57, 61, 202 202, 198, 57
HSL 238.3, 57.8%, 50.8% 58.3, 57.8%, 50.8%
HSV 238.3, 71.8%, 79.2% 58.3, 71.8%, 79.2%
CMYK 71.8%, 69.8%, 0.0%, 20.8% 0.0%, 2.0%, 71.8%, 20.8%
OKLCH 0.4577 0.2118 273.0 0.8054 0.1552 107.8

对比度与无障碍

4.32:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CAC639 → 背景色: #393DCA

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

文本: #393DCA → 背景色: #CAC639

色差 (Delta E)

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

渐变

#393DCA #6C52B6 #8968A2 #9F7F8D #B09677 #BEAE5C #CAC639

颜色混合

#393DCA

100%

#7C5DAC

75:25

#9F7F8D

50:50

#B8A26A

25:75

#CAC639

100%

CSS渐变代码

background: linear-gradient(to right, #393DCA, #CAC639);
background: linear-gradient(135deg, #393DCA, #CAC639);

探索每种颜色

#393DCA

查看完整颜色详情

#CAC639

查看完整颜色详情

相关比较