#17857C

#17857C

#851720

#851720

对比度

2.19:1

Delta E

84.29

Very Different

50:50 混合

#6E584C

颜色值

格式 #17857C #851720
HEX #17857C #851720
RGB 23, 133, 124 133, 23, 32
HSL 175.1, 70.5%, 30.6% 355.1, 70.5%, 30.6%
HSV 175.1, 82.7%, 52.2% 355.1, 82.7%, 52.2%
CMYK 82.7%, 0.0%, 6.8%, 47.8% 0.0%, 82.7%, 75.9%, 47.8%
OKLCH 0.5575 0.0926 186.2 0.4026 0.1439 23.0

对比度与无障碍

2.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #851720 → 背景色: #17857C

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

文本: #17857C → 背景色: #851720

色差 (Delta E)

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

渐变

#17857C #49776B #60685B #6E584C #79473C #80332E #851720

颜色混合

#17857C

100%

#566F63

75:25

#6E584C

50:50

#7D3E35

25:75

#851720

100%

CSS渐变代码

background: linear-gradient(to right, #17857C, #851720);
background: linear-gradient(135deg, #17857C, #851720);

探索每种颜色

#17857C

查看完整颜色详情

#851720

查看完整颜色详情

相关比较