#7B7BDF

#7B7BDF

#DFDF7B

#DFDF7B

对比度

2.61:1

Delta E

111.81

Very Different

50:50 混合

#B9ABB1

颜色值

格式 #7B7BDF #DFDF7B
HEX #7B7BDF #DFDF7B
RGB 123, 123, 223 223, 223, 123
HSL 240.0, 61.0%, 67.8% 60.0, 61.0%, 67.8%
HSV 240.0, 44.8%, 87.5% 60.0, 44.8%, 87.5%
CMYK 44.8%, 44.8%, 0.0%, 12.5% 0.0%, 0.0%, 44.8%, 12.5%
OKLCH 0.6288 0.1478 281.3 0.8826 0.1232 108.7

对比度与无障碍

2.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDF7B → 背景色: #7B7BDF

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

文本: #7B7BDF → 背景色: #DFDF7B

色差 (Delta E)

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

渐变

#7B7BDF #948BD0 #A89BC1 #B9ABB1 #C7BCA1 #D4CE8F #DFDF7B

颜色混合

#7B7BDF

100%

#9F93C9

75:25

#B9ABB1

50:50

#CEC598

25:75

#DFDF7B

100%

CSS渐变代码

background: linear-gradient(to right, #7B7BDF, #DFDF7B);
background: linear-gradient(135deg, #7B7BDF, #DFDF7B);

探索每种颜色

#7B7BDF

查看完整颜色详情

#DFDF7B

查看完整颜色详情

相关比较