#398F8B

#398F8B

#8F393D

#8F393D

对比度

1.94:1

Delta E

69.42

Very Different

50:50 混合

#776863

颜色值

格式 #398F8B #8F393D
HEX #398F8B #8F393D
RGB 57, 143, 139 143, 57, 61
HSL 177.2, 43.0%, 39.2% 357.2, 43.0%, 39.2%
HSV 177.2, 60.1%, 56.1% 357.2, 60.1%, 56.1%
CMYK 60.1%, 0.0%, 2.8%, 43.9% 0.0%, 60.1%, 57.3%, 43.9%
OKLCH 0.5973 0.082 190.9 0.4641 0.1169 20.1

对比度与无障碍

1.94:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #8F393D → 背景色: #398F8B

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

文本: #398F8B → 背景色: #8F393D

色差 (Delta E)

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

渐变

#398F8B #57827D #6A7570 #776863 #815A56 #894B49 #8F393D

颜色混合

#398F8B

100%

#627C76

75:25

#776863

50:50

#86524F

25:75

#8F393D

100%

CSS渐变代码

background: linear-gradient(to right, #398F8B, #8F393D);
background: linear-gradient(135deg, #398F8B, #8F393D);

探索每种颜色

#398F8B

查看完整颜色详情

#8F393D

查看完整颜色详情

相关比较