#3F9DA1

#3F9DA1

#A1433F

#A1433F

对比度

1.93:1

Delta E

74.76

Very Different

50:50 混合

#87746E

颜色值

格式 #3F9DA1 #A1433F
HEX #3F9DA1 #A1433F
RGB 63, 157, 161 161, 67, 63
HSL 182.4, 43.7%, 43.9% 2.4, 43.7%, 43.9%
HSV 182.4, 60.9%, 63.1% 2.4, 60.9%, 63.1%
CMYK 60.9%, 2.5%, 0.0%, 36.9% 0.0%, 58.4%, 60.9%, 36.9%
OKLCH 0.6423 0.0875 199.1 0.5074 0.126 25.0

对比度与无障碍

1.93:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A1433F → 背景色: #3F9DA1

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

文本: #3F9DA1 → 背景色: #A1433F

色差 (Delta E)

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

渐变

#3F9DA1 #629090 #78827F #87746E #92655E #9B554E #A1433F

颜色混合

#3F9DA1

100%

#6E8987

75:25

#87746E

50:50

#975D56

25:75

#A1433F

100%

CSS渐变代码

background: linear-gradient(to right, #3F9DA1, #A1433F);
background: linear-gradient(135deg, #3F9DA1, #A1433F);

探索每种颜色

#3F9DA1

查看完整颜色详情

#A1433F

查看完整颜色详情

相关比较