#784FDB

#784FDB

#B2DB4F

#B2DB4F

对比度

3.33:1

Delta E

156.81

Very Different

50:50 混合

#A7969E

颜色值

格式 #784FDB #B2DB4F
HEX #784FDB #B2DB4F
RGB 120, 79, 219 178, 219, 79
HSL 257.6, 66.0%, 58.4% 77.6, 66.0%, 58.4%
HSV 257.6, 63.9%, 85.9% 77.6, 63.9%, 85.9%
CMYK 45.2%, 63.9%, 0.0%, 14.1% 18.7%, 0.0%, 63.9%, 14.1%
OKLCH 0.5489 0.203 291.8 0.8353 0.1713 124.0

对比度与无障碍

3.33:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #B2DB4F → 背景色: #784FDB

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

文本: #784FDB → 背景色: #B2DB4F

色差 (Delta E)

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

渐变

#784FDB #8E67C7 #9D7FB3 #A7969E #AEAD87 #B2C46E #B2DB4F

颜色混合

#784FDB

100%

#9673BD

75:25

#A7969E

50:50

#B0B87B

25:75

#B2DB4F

100%

CSS渐变代码

background: linear-gradient(to right, #784FDB, #B2DB4F);
background: linear-gradient(135deg, #784FDB, #B2DB4F);

探索每种颜色

#784FDB

查看完整颜色详情

#B2DB4F

查看完整颜色详情

相关比较