#228564

#228564

#852243

#852243

对比度

2.0:1

Delta E

82.78

Very Different

50:50 混合

#6A5C53

颜色值

格式 #228564 #852243
HEX #228564 #852243
RGB 34, 133, 100 133, 34, 67
HSL 160.0, 59.3%, 32.7% 340.0, 59.3%, 32.7%
HSV 160.0, 74.4%, 52.2% 340.0, 74.4%, 52.2%
CMYK 74.4%, 0.0%, 24.8%, 47.8% 0.0%, 74.4%, 49.6%, 47.8%
OKLCH 0.5522 0.1033 165.9 0.4204 0.1354 5.1

对比度与无障碍

2.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #852243 → 背景色: #228564

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

文本: #228564 → 背景色: #852243

色差 (Delta E)

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

渐变

#228564 #47785E #5B6A59 #6A5C53 #754C4E #7E3A48 #852243

颜色混合

#228564

100%

#52715B

75:25

#6A5C53

50:50

#7A444B

25:75

#852243

100%

CSS渐变代码

background: linear-gradient(to right, #228564, #852243);
background: linear-gradient(135deg, #228564, #852243);

探索每种颜色

#228564

查看完整颜色详情

#852243

查看完整颜色详情

相关比较