#4F5FDC

#4F5FDC

#DCCC4F

#DCCC4F

对比度

3.2:1

Delta E

139.35

Very Different

50:50 混合

#AE939D

颜色值

格式 #4F5FDC #DCCC4F
HEX #4F5FDC #DCCC4F
RGB 79, 95, 220 220, 204, 79
HSL 233.2, 66.8%, 58.6% 53.2, 66.8%, 58.6%
HSV 233.2, 64.1%, 86.3% 53.2, 64.1%, 86.3%
CMYK 64.1%, 56.8%, 0.0%, 13.7% 0.0%, 7.3%, 64.1%, 13.7%
OKLCH 0.5443 0.1899 272.9 0.8355 0.144 102.0

对比度与无障碍

3.2:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DCCC4F → 背景色: #4F5FDC

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

文本: #4F5FDC → 背景色: #DCCC4F

色差 (Delta E)

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

渐变

#4F5FDC #7B6FC8 #9881B3 #AE939D #C0A587 #CFB86D #DCCC4F

颜色混合

#4F5FDC

100%

#8A78BD

75:25

#AE939D

50:50

#C7AF7A

25:75

#DCCC4F

100%

CSS渐变代码

background: linear-gradient(to right, #4F5FDC, #DCCC4F);
background: linear-gradient(135deg, #4F5FDC, #DCCC4F);

探索每种颜色

#4F5FDC

查看完整颜色详情

#DCCC4F

查看完整颜色详情

相关比较