#613FBC

#613FBC

#9ABC3F

#9ABC3F

对比度

3.27:1

Delta E

143.55

Very Different

50:50 混合

颜色值

格式 #613FBC #9ABC3F
HEX #613FBC #9ABC3F
RGB 97, 63, 188 154, 188, 63
HSL 256.3, 49.8%, 49.2% 76.3, 49.8%, 49.2%
HSV 256.3, 66.5%, 73.7% 76.3, 66.5%, 73.7%
CMYK 48.4%, 66.5%, 0.0%, 26.3% 18.1%, 0.0%, 66.5%, 26.3%
OKLCH 0.4793 0.1857 290.1 0.7459 0.1548 123.3

对比度与无障碍

3.27:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9ABC3F → 背景色: #613FBC

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

文本: #613FBC → 背景色: #9ABC3F

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #613FBC, #9ABC3F);
background: linear-gradient(135deg, #613FBC, #9ABC3F);

探索每种颜色

相关比较