#5453DA

#5453DA

#D9DA53

#D9DA53

对比度

3.89:1

Delta E

150.93

Very Different

50:50 混合

#AE949F

颜色值

格式 #5453DA #D9DA53
HEX #5453DA #D9DA53
RGB 84, 83, 218 217, 218, 83
HSL 240.4, 64.6%, 59.0% 60.4, 64.6%, 59.0%
HSV 240.4, 61.9%, 85.5% 60.4, 61.9%, 85.5%
CMYK 61.5%, 61.9%, 0.0%, 14.5% 0.5%, 0.0%, 61.9%, 14.5%
OKLCH 0.5248 0.2007 277.3 0.8627 0.1547 109.7

对比度与无障碍

3.89:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #D9DA53 → 背景色: #5453DA

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

文本: #5453DA → 背景色: #D9DA53

色差 (Delta E)

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

渐变

#5453DA #7D68C7 #997DB4 #AE949F #BFAB8A #CDC271 #D9DA53

颜色混合

#5453DA

100%

#8C73BE

75:25

#AE949F

50:50

#C6B67E

25:75

#D9DA53

100%

CSS渐变代码

background: linear-gradient(to right, #5453DA, #D9DA53);
background: linear-gradient(135deg, #5453DA, #D9DA53);

探索每种颜色

#5453DA

查看完整颜色详情

#D9DA53

查看完整颜色详情

相关比较