#4E4DDA

#4E4DDA

#D9DA4D

#D9DA4D

对比度

4.15:1

Delta E

157.22

Very Different

50:50 混合

#AD919E

颜色值

格式 #4E4DDA #D9DA4D
HEX #4E4DDA #D9DA4D
RGB 78, 77, 218 217, 218, 77
HSL 240.4, 65.6%, 57.8% 60.4, 65.6%, 57.8%
HSV 240.4, 64.7%, 85.5% 60.4, 64.7%, 85.5%
CMYK 64.2%, 64.7%, 0.0%, 14.5% 0.5%, 0.0%, 64.7%, 14.5%
OKLCH 0.5108 0.2091 276.4 0.8622 0.1591 109.7

对比度与无障碍

4.15:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #D9DA4D → 背景色: #4E4DDA

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

文本: #4E4DDA → 背景色: #D9DA4D

色差 (Delta E)

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

渐变

#4E4DDA #7B63C7 #9779B3 #AD919E #BFA987 #CDC16D #D9DA4D

颜色混合

#4E4DDA

100%

#8A6EBD

75:25

#AD919E

50:50

#C6B57B

25:75

#D9DA4D

100%

CSS渐变代码

background: linear-gradient(to right, #4E4DDA, #D9DA4D);
background: linear-gradient(135deg, #4E4DDA, #D9DA4D);

探索每种颜色

#4E4DDA

查看完整颜色详情

#D9DA4D

查看完整颜色详情

相关比较