#5C5CDF

#5C5CDF

#DFDF5C

#DFDF5C

对比度

3.66:1

Delta E

146.2

Very Different

50:50 混合

#B39BA6

颜色值

格式 #5C5CDF #DFDF5C
HEX #5C5CDF #DFDF5C
RGB 92, 92, 223 223, 223, 92
HSL 240.0, 67.2%, 61.8% 60.0, 67.2%, 61.8%
HSV 240.0, 58.7%, 87.5% 60.0, 58.7%, 87.5%
CMYK 58.7%, 58.7%, 0.0%, 12.5% 0.0%, 0.0%, 58.7%, 12.5%
OKLCH 0.5496 0.1945 277.9 0.879 0.1518 109.2

对比度与无障碍

3.66:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDF5C → 背景色: #5C5CDF

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

文本: #5C5CDF → 背景色: #DFDF5C

色差 (Delta E)

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

渐变

#5C5CDF #8370CC #9E85B9 #B39BA6 #C4B190 #D3C879 #DFDF5C

颜色混合

#5C5CDF

100%

#917BC3

75:25

#B39BA6

50:50

#CCBC85

25:75

#DFDF5C

100%

CSS渐变代码

background: linear-gradient(to right, #5C5CDF, #DFDF5C);
background: linear-gradient(135deg, #5C5CDF, #DFDF5C);

探索每种颜色

#5C5CDF

查看完整颜色详情

#DFDF5C

查看完整颜色详情

相关比较