#6754CE

#6754CE

#BBCE54

#BBCE54

对比度

3.23:1

Delta E

138.13

Very Different

50:50 混合

#A29098

颜色值

格式 #6754CE #BBCE54
HEX #6754CE #BBCE54
RGB 103, 84, 206 187, 206, 84
HSL 249.3, 55.5%, 56.9% 69.3, 55.5%, 56.9%
HSV 249.3, 59.2%, 80.8% 69.3, 59.2%, 80.8%
CMYK 50.0%, 59.2%, 0.0%, 19.2% 9.2%, 0.0%, 59.2%, 19.2%
OKLCH 0.5316 0.1809 285.6 0.813 0.148 117.3

对比度与无障碍

3.23:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #BBCE54 → 背景色: #6754CE

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

文本: #6754CE → 背景色: #BBCE54

色差 (Delta E)

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

渐变

#6754CE #8168BD #937CAB #A29098 #ACA484 #B5B96E #BBCE54

颜色混合

#6754CE

100%

#8B72B4

75:25

#A29098

50:50

#B1AF7A

25:75

#BBCE54

100%

CSS渐变代码

background: linear-gradient(to right, #6754CE, #BBCE54);
background: linear-gradient(135deg, #6754CE, #BBCE54);

探索每种颜色

#6754CE

查看完整颜色详情

#BBCE54

查看完整颜色详情

相关比较