#604FCC

#604FCC

#BBCC4F

#BBCC4F

对比度

3.4:1

Delta E

141.54

Very Different

50:50 混合

#9F8C95

颜色值

格式 #604FCC #BBCC4F
HEX #604FCC #BBCC4F
RGB 96, 79, 204 187, 204, 79
HSL 248.2, 55.1%, 55.5% 68.2, 55.1%, 55.5%
HSV 248.2, 61.3%, 80.0% 68.2, 61.3%, 80.0%
CMYK 52.9%, 61.3%, 0.0%, 20.0% 8.3%, 0.0%, 61.3%, 20.0%
OKLCH 0.516 0.1856 284.0 0.8081 0.1497 116.4

对比度与无障碍

3.4:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #BBCC4F → 背景色: #604FCC

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

文本: #604FCC → 背景色: #BBCC4F

色差 (Delta E)

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

渐变

#604FCC #7C63BA #9078A8 #9F8C95 #ABA181 #B4B76A #BBCC4F

颜色混合

#604FCC

100%

#876DB1

75:25

#9F8C95

50:50

#B0AC76

25:75

#BBCC4F

100%

CSS渐变代码

background: linear-gradient(to right, #604FCC, #BBCC4F);
background: linear-gradient(135deg, #604FCC, #BBCC4F);

探索每种颜色

#604FCC

查看完整颜色详情

#BBCC4F

查看完整颜色详情

相关比较