#4B3FDF

#4B3FDF

#D3DF3F

#D3DF3F

对比度

4.68:1

Delta E

175.54

Very Different

50:50 混合

#AD8D9D

颜色值

格式 #4B3FDF #D3DF3F
HEX #4B3FDF #D3DF3F
RGB 75, 63, 223 211, 223, 63
HSL 244.5, 71.4%, 56.1% 64.5, 71.4%, 56.1%
HSV 244.5, 71.7%, 87.5% 64.5, 71.7%, 87.5%
CMYK 66.4%, 71.7%, 0.0%, 12.5% 5.4%, 0.0%, 71.7%, 12.5%
OKLCH 0.4923 0.2309 277.0 0.8671 0.1746 113.8

对比度与无障碍

4.68:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #D3DF3F → 背景色: #4B3FDF

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

文本: #4B3FDF → 背景色: #D3DF3F

色差 (Delta E)

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

渐变

#4B3FDF #7B59CA #9873B4 #AD8D9D #BDA884 #CAC367 #D3DF3F

颜色混合

#4B3FDF

100%

#8B66BF

75:25

#AD8D9D

50:50

#C4B676

25:75

#D3DF3F

100%

CSS渐变代码

background: linear-gradient(to right, #4B3FDF, #D3DF3F);
background: linear-gradient(135deg, #4B3FDF, #D3DF3F);

探索每种颜色

#4B3FDF

查看完整颜色详情

#D3DF3F

查看完整颜色详情

相关比较