#856DF4

#856DF4

#DCF46D

#DCF46D

对比度

3.13:1

Delta E

148.4

Very Different

50:50 混合

#C1AFB8

颜色值

格式 #856DF4 #DCF46D
HEX #856DF4 #DCF46D
RGB 133, 109, 244 220, 244, 109
HSL 250.7, 86.0%, 69.2% 70.7, 86.0%, 69.2%
HSV 250.7, 55.3%, 95.7% 70.7, 55.3%, 95.7%
CMYK 45.5%, 55.3%, 0.0%, 4.3% 9.8%, 0.0%, 55.3%, 4.3%
OKLCH 0.6251 0.1942 287.6 0.9231 0.1619 118.1

对比度与无障碍

3.13:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DCF46D → 背景色: #856DF4

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

文本: #856DF4 → 背景色: #DCF46D

色差 (Delta E)

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

渐变

#856DF4 #9F83E0 #B299CC #C1AFB8 #CDC6A2 #D6DD89 #DCF46D

颜色混合

#856DF4

100%

#A98ED7

75:25

#C1AFB8

50:50

#D1D196

25:75

#DCF46D

100%

CSS渐变代码

background: linear-gradient(to right, #856DF4, #DCF46D);
background: linear-gradient(135deg, #856DF4, #DCF46D);

探索每种颜色

#856DF4

查看完整颜色详情

#DCF46D

查看完整颜色详情

相关比较