#7F86DF

#7F86DF

#DFD87F

#DFD87F

对比度

2.24:1

Delta E

99.21

Very Different

50:50 混合

#B9AEB2

颜色值

格式 #7F86DF #DFD87F
HEX #7F86DF #DFD87F
RGB 127, 134, 223 223, 216, 127
HSL 235.6, 60.0%, 68.6% 55.6, 60.0%, 68.6%
HSV 235.6, 43.0%, 87.5% 55.6, 43.0%, 87.5%
CMYK 43.0%, 39.9%, 0.0%, 12.5% 0.0%, 3.1%, 43.0%, 12.5%
OKLCH 0.653 0.132 278.7 0.8686 0.1113 104.5

对比度与无障碍

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFD87F → 背景色: #7F86DF

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

文本: #7F86DF → 背景色: #DFD87F

色差 (Delta E)

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

渐变

#7F86DF #9693D0 #A9A0C1 #B9AEB2 #C7BBA2 #D4CA91 #DFD87F

颜色混合

#7F86DF

100%

#A099C9

75:25

#B9AEB2

50:50

#CEC39A

25:75

#DFD87F

100%

CSS渐变代码

background: linear-gradient(to right, #7F86DF, #DFD87F);
background: linear-gradient(135deg, #7F86DF, #DFD87F);

探索每种颜色

#7F86DF

查看完整颜色详情

#DFD87F

查看完整颜色详情

相关比较