#393ADE

#393ADE

#DEDD39

#DEDD39

对比度

5.12:1

Delta E

179.22

Very Different

50:50 混合

#AF899B

颜色值

格式 #393ADE #DEDD39
HEX #393ADE #DEDD39
RGB 57, 58, 222 222, 221, 57
HSL 239.6, 71.4%, 54.7% 59.6, 71.4%, 54.7%
HSV 239.6, 74.3%, 87.1% 59.6, 74.3%, 87.1%
CMYK 74.3%, 73.9%, 0.0%, 12.9% 0.0%, 0.5%, 74.3%, 12.9%
OKLCH 0.4734 0.2388 272.3 0.8713 0.1733 109.2

对比度与无障碍

5.12:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DEDD39 → 背景色: #393ADE

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

文本: #393ADE → 背景色: #DEDD39

色差 (Delta E)

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

渐变

#393ADE #7553C8 #976EB2 #AF899B #C2A481 #D1C063 #DEDD39

颜色混合

#393ADE

100%

#8860BD

75:25

#AF899B

50:50

#CAB273

25:75

#DEDD39

100%

CSS渐变代码

background: linear-gradient(to right, #393ADE, #DEDD39);
background: linear-gradient(135deg, #393ADE, #DEDD39);

探索每种颜色

#393ADE

查看完整颜色详情

#DEDD39

查看完整颜色详情

相关比较