#7B77DF

#7B77DF

#DBDF77

#DBDF77

对比度

2.67:1

Delta E

116.23

Very Different

50:50 混合

#B7A9AF

颜色值

格式 #7B77DF #DBDF77
HEX #7B77DF #DBDF77
RGB 123, 119, 223 219, 223, 119
HSL 242.3, 61.9%, 67.1% 62.3, 61.9%, 67.1%
HSV 242.3, 46.6%, 87.5% 62.3, 46.6%, 87.5%
CMYK 44.8%, 46.6%, 0.0%, 12.5% 1.8%, 0.0%, 46.6%, 12.5%
OKLCH 0.6213 0.1534 282.7 0.8789 0.1278 110.7

对比度与无障碍

2.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DBDF77 → 背景色: #7B77DF

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

文本: #7B77DF → 背景色: #DBDF77

色差 (Delta E)

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

渐变

#7B77DF #9487D0 #A798C0 #B7A9AF #C5BB9E #D1CD8C #DBDF77

颜色混合

#7B77DF

100%

#9E90C8

75:25

#B7A9AF

50:50

#CBC495

25:75

#DBDF77

100%

CSS渐变代码

background: linear-gradient(to right, #7B77DF, #DBDF77);
background: linear-gradient(135deg, #7B77DF, #DBDF77);

探索每种颜色

#7B77DF

查看完整颜色详情

#DBDF77

查看完整颜色详情

相关比较