#5E4DDA

#5E4DDA

#C9DA4D

#C9DA4D

对比度

3.84:1

Delta E

157.11

Very Different

50:50 混合

#AA929D

颜色值

格式 #5E4DDA #C9DA4D
HEX #5E4DDA #C9DA4D
RGB 94, 77, 218 201, 218, 77
HSL 247.2, 65.6%, 57.8% 67.2, 65.6%, 57.8%
HSV 247.2, 64.7%, 85.5% 67.2, 64.7%, 85.5%
CMYK 56.9%, 64.7%, 0.0%, 14.5% 7.8%, 0.0%, 64.7%, 14.5%
OKLCH 0.5224 0.206 282.0 0.8495 0.1631 115.8

对比度与无障碍

3.84:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #C9DA4D → 背景色: #5E4DDA

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

文本: #5E4DDA → 背景色: #C9DA4D

色差 (Delta E)

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

渐变

#5E4DDA #8164C6 #987BB2 #AA929D #B7AA87 #C1C26D #C9DA4D

颜色混合

#5E4DDA

100%

#8D6FBC

75:25

#AA929D

50:50

#BCB67A

25:75

#C9DA4D

100%

CSS渐变代码

background: linear-gradient(to right, #5E4DDA, #C9DA4D);
background: linear-gradient(135deg, #5E4DDA, #C9DA4D);

探索每种颜色

#5E4DDA

查看完整颜色详情

#C9DA4D

查看完整颜色详情

相关比较