#104F48

#104F48

#4F1017

#4F1017

对比度

1.57:1

Delta E

54.41

Very Different

50:50 混合

#40342E

颜色值

格式 #104F48 #4F1017
HEX #104F48 #4F1017
RGB 16, 79, 72 79, 16, 23
HSL 173.3, 66.3%, 18.6% 353.3, 66.3%, 18.6%
HSV 173.3, 79.7%, 31.0% 353.3, 79.7%, 31.0%
CMYK 79.7%, 0.0%, 8.9%, 69.0% 0.0%, 79.7%, 70.9%, 69.0%
OKLCH 0.3874 0.0622 184.0 0.2872 0.0928 19.3

对比度与无障碍

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #4F1017 → 背景色: #104F48

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

文本: #104F48 → 背景色: #4F1017

色差 (Delta E)

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

渐变

#104F48 #2A463F #373E37 #40342E #472A26 #4B1F1E #4F1017

颜色混合

#104F48

100%

#31423B

75:25

#40342E

50:50

#492522

25:75

#4F1017

100%

CSS渐变代码

background: linear-gradient(to right, #104F48, #4F1017);
background: linear-gradient(135deg, #104F48, #4F1017);

探索每种颜色

#104F48

查看完整颜色详情

#4F1017

查看完整颜色详情

相关比较